---
title: "Backgrundsbild över hela sidan?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/157595-backgrundsbild-över-hela-sidan"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Akerlundh"
published: "2007-02-26T22:14:06.000Z"
updated: "2007-05-13T17:05:46.000Z"
replies: 6
views: 571
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/157595-backgrundsbild-över-hela-sidan"
---

# Backgrundsbild över hela sidan?

## #1 — Akerlundh, 2007-02-26T22:14Z

Hejsan!

Jag har en liten backgrundsbild som jag vill använda.
Men vilken kod är det man ska använda för att den ska sträcka ut sig över hela sidan?

Som om vi säger denna bilden som jag bifogade här.
Hur gör jag för att få den som backgrundsbild över hela sidan?

Bilagor:

- [bg.jpg](https://www.webforum.nu/a/13833.jpg)

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

## #2 — zcorpan, 2007-02-26T22:49Z

Du kan inte få en bakgrundsbild att sträcka ut sig (än). Du kan få den att upprepa sig dock.

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

## #3 — Akerlundh, 2007-05-13T10:22Z

Men jag har lyckats med den innan. hmm..

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

## #4 — icaaq, 2007-05-13T12:44Z

```
body{
background: url(dinbild.gif) repeat-x 0 0;
}
```

mv icaaq

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

## #5 — Akerlundh, 2007-05-13T16:06Z

så här blev det med den koden.

Vill liksom ha det så det sträcker ut sig på höjden också.

Bilagor:

- [funkar inte.JPG](https://www.webforum.nu/a/14603.jpg)

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

## #6 — tanten, 2007-05-13T16:11Z

Det där är inte att sträcka ut sig det är repetera så om du raderar repeat-x så repeterar den sig över hela sidan.

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

## #7 — tanten, 2007-05-13T17:05Z

Så här kan du stretcha ut en bild på ett lite knäppt sätt...
Jag har bara testat och aldrig använt det på någon sida. Så hur webläsare klarar det, vet jag inte. Men i IE6 och FF fungerar det.

```
#bg{
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position: absolute;
height:100%;
width:100%;
```

 
och i html-koden

```
<body>
<!-- Här ligger bakgrundsbilden -->
<div id="bg">
<img src="bg.jpg" style="width: 100%; height: 100%;">
</div>
<!-- Och här det som man ska ha över bakgrunden -->
<div id="contents">
<h1>Stretch av bild</h1>.
</div>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/157595-backgrundsbild-över-hela-sidan
