---
title: "CSS - bakgrundsbild blir håller sig vid toppen"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/151235-css-bakgrundsbild-blir-håller-sig-vid-toppen"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wally_91"
published: "2006-09-12T17:27:09.000Z"
updated: "2006-09-14T01:14:28.000Z"
replies: 11
views: 770
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/151235-css-bakgrundsbild-blir-håller-sig-vid-toppen"
---

# CSS - bakgrundsbild blir håller sig vid toppen

## #1 — wally_91, 2006-09-12T17:27Z

Hej alla på wF!

När jag har en bakgrundsbild och använder den så håller den sig kvar på toppen. Hur ska jag få den att vara över hela sidan?

CSS-filen

```
body { background-image: url(bakgrundsbild.png); width: 200 px;
```

 

Jag provade med att lägga till width men jag är HELT ny till CSS så jag vet egentligen inte vad jag gör :P

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

## #2 — silfver, 2006-09-12T17:46Z

Vad händer ifall du skriver html i stället för body? Och du kan ta bort width: 200 px;. Den bestämmer bara bredden på din sida.

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

## #3 — wally_91, 2006-09-12T17:53Z

Inget annat än det samma. Bilden är endast 1,3 cm hög (vet ej i pixlar) så det är nog därför, men jag vill få den över hela sidan.

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

## #4 — silfver, 2006-09-12T17:55Z

Du har glömt en måsvinge ser jag nu. Lägg till en }. Så det ser ut så här: 

```
body { background-image: url(bakgrundsbild.png);}
```

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

## #5 — jarvklo, 2006-09-12T18:59Z

Hej wally_91!

Jag gissar att du valt en \<!DOCTYPE som ställer din webbläsare i "standards mode"...
ett av kännetecknen för det är just att bakgrundsbilder (och färger med för den delen) som du ställer in för "body" bara syns under ditt innehåll och inte "slår igenom över hela webbläsarfönstret"

Testa följande CSS-snutt i början av din stilmall: 

```
html,body {height: 100%; margin: 0; padding: 0}
```

Förklaring om jag gissade rätt: <http://xhtml.se/2005/11/04/vadan-av-att-valja-fel-doctype/>

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

## #6 — wally_91, 2006-09-12T19:53Z

Nej, det är fortfarande samma sak.

Jag bifogar hela koden för att inga missuppfattningar ska ske.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/Frameset.dtd">

<html>
<head>
<link rel="stylesheet" href="bakgrund.css">

<title>9:ornas årsbok - ladda upp dina bilder och föreviga dina minnen!</title>

<script type="text/javascript">
function check(th){
    if (!/\.(gif|bmp|png|jpeg|jpg|jpe)$/i.test(th.pic.value)){
        alert("Felaktig filtyp, vänligen välj en jpg-bild");
	return false;
    }
}

</script>

</head>

<body>
<!-- Start JW GÄSTBOK kod -->
<iframe src="http://www.joakimweb.se/tjanster/index.asp?gbid=18162" align="center" name="jwgb" frameborder="0" marginwidth="1" marginheight="1" width="800" height="600" scrolling="auto"></iframe>
<!-- Slut JW GÄSTBOK kod --> 

<form method="post" name=f
enctype="multipart/form-data"
onsubmit="return check(this);"
action="http://www.javascript.nu/cgi4free/formmail/send.pl" METHOD="post">
<INPUT TYPE="hidden" NAME="to" VALUE="walle_axdorph@hotmail.com">
<INPUT TYPE="hidden" NAME="subject" VALUE="Bilder från årsboken">
<p>
Välj en JPEG (.jpg) bild att ladda upp:
<br>
<input type="file" name="pic" size="40"
accept="image/jpeg">
<p>
Skriv gärna en kommentar till bilden:<br>
<textarea name="expl" rows="3" cols="40"
onfocus="check();">
</textarea>
<p>
<input type="submit" value="Ladda upp!">

</form>
</body>
</html>
```

CSS-fil

```
html,body { background-image: url(bakgrundsbild.png); height: 100%; margin: 0; padding: 0;
background-repeat: repeat-x; background-attachment: fixed}
```

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

## #7 — silfver, 2006-09-12T20:08Z

Hänvisar till [inlägg #4](http://www.webforum.nu/showthread.php?p=1230541#post1230541). Ersätt din kod med min.

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

## #8 — wally_91, 2006-09-13T16:09Z

Nej, då blir det bara en "rad". Den bilden ska vara över \_hela\_ sidan. 

Så här ser det ut med silfver:s förslag. [Bild](http://img205.imageshack.us/img205/8308/cssfu8.png).

Så här ser det ut med jarvklo:s förslag.
[Bild](http://img206.imageshack.us/img206/3893/css2vy8.png).

Bilden är ju en "rad", men ska man använda den som en bild som man drar ut över hela sidan? Går det då att få texten över bilden? Jag tror inte det men jag söker rådgivare :p

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

## #9 — silfver, 2006-09-13T16:11Z

Jaha, du vill att bilden ska sträcka sig över hela sidan, i stället för att upprepas? Jag vet inte, men vad jag kan komma på nu så finns det ingen lösning på det. Du får göra en större bakgrundsbild i så fall.

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

## #10 — wally_91, 2006-09-13T16:21Z

> **silfver skrev:**
>
> Jaha, du vill att bilden ska sträcka sig över hela sidan, i stället för att upprepas? Jag vet inte, men vad jag kan komma på nu så finns det ingen lösning på det. Du får göra en större bakgrundsbild i så fall.

Man kan alltid fråga, så tack så mycket! Webbdesignskolan har gett mig många svar och kunskaper. De ska jag använda i framtiden. Kommer med länk i en annan tråd där detta är med, för synpunkter.

Tack för alla tips och råd men nu ska jag fortsätta och koda lite   ;)

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

## #11 — silfver, 2006-09-13T18:56Z

Lycka till. :)

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

## #12 — zcorpan, 2006-09-14T01:14Z

> **jarvklo skrev:**
>
> Jag gissar att du valt en \<!DOCTYPE som ställer din webbläsare i "standards mode"...
> ett av kännetecknen för det är just att bakgrundsbilder (och färger med för den delen) som du ställer in för "body" bara syns under ditt innehåll och inte "slår igenom över hela webbläsarfönstret"

 Bakgrunder på body propageras inte till hela ritytan för XHTML, men det gör det däremot i vissa fall för HTML. Det har ingenting att göra med quirks vs. standards.  :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/151235-css-bakgrundsbild-blir-håller-sig-vid-toppen
