---
title: "header"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/183399-header"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mats47"
published: "2010-05-04T12:00:37.000Z"
updated: "2010-05-04T13:05:15.000Z"
replies: 3
views: 522
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/183399-header"
---

# header

## #1 — mats47, 2010-05-04T12:00Z

Jag har en header på en sida
hur gör jag om jag vill att bilden blir 200 gånger 740. 
om bilden inte är det?

den kan va 190 \* 600

jag vill alltså stretcha ut bilden, ej upprepa bilden 

```
#header {
    background-image: url(hej.gif);
    height:220px;
    width:740px;
}
```

Permalänk: https://www.webforum.nu/p/183399

## #2 — Danne V, 2010-05-04T12:17Z

Nej, det går inte. Lättast är ju att ändra bilden i Photoshop. Annars kan du strunta i att lägga bilden som bakgrund i en div, utan lägga in den som absolut positionerad och ge den bredden och höjden du vill ha med hjälp av css - och därefter lägga din div som innehåller texten (också absolut positionerad) ovanpå bilden. Glöm inte z-index!

(Och kom ihåg att ange bredden först när du skriver ut mått. Det du skrivit i texten säger att bilden är 190 bred och 600 hög, och att du vill ha den 200 bred och 740 hög.)

Permalänk: https://www.webforum.nu/p/2234344

## #3 — voigtann1, 2010-05-04T12:38Z

Kan läsa jarvklo inlägg: <http://www.webforum.nu/showthread.php?t=173870> som kanske kan hjälpa dig, men "ren" CSS går det inte med.

Permalänk: https://www.webforum.nu/p/2234346

## #4 — tanten, 2010-05-04T13:05Z

Så här ser det ut i css3 och i dagsläget stöds det bara av Chrome och Opera.

```
background: url(bilder/namn.jpg) no-repeat;
background-size: 100%;
```

Så absolut enklast är att som DanneV säger, gör om bilden så att den stämmer med de mått du vill ha i header.
Annars får du trixa med z-index och egna css för IE6 osv.

Permalänk: https://www.webforum.nu/p/2234347

---

Tråden på webben: https://www.webforum.nu/amne/html-css/183399-header