---
title: "varför visas inte bakgrunden"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/157350-varför-visas-inte-bakgrunden"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "smileenergy"
published: "2007-02-19T12:23:45.000Z"
updated: "2007-02-21T15:38:24.000Z"
replies: 7
views: 657
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/157350-varför-visas-inte-bakgrunden"
---

# varför visas inte bakgrunden

## #1 — smileenergy, 2007-02-19T12:23Z

Hej, jag undrar varför min bakgrund inte visas i webbläsaren.
bakgrunden i #blackline visas utmärkt medan den i #maincontainer inte visas, vad beror detta på? och som ni ser i min bortkommenterade rad så har jag försökt skriva koden kortare men då visas bakgrunden inte ens i blackline. skulle gärna vilja ha hjälp med detta.

```
#wrap { width: 800px; margin:0 auto;}
#top { width:800px; height:100px;}
#blackline { width:800px; height:22px; background-image:url(pic/blackline.jpg); background-repeat:repeat-x; /*background:url(pic/blackline.jpg)repeat-x;*/}
#maincontainer { width:800px; height:auto; background-image:url(pic/bg.jpg); background-repeat:repeat-y;}
```

edit: den visas i ie men inte i opera och firefox.

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

## #2 — itpastorn, 2007-02-19T21:38Z

Kan Firefox och Opera visa bilden ö h t? Dvs vad ser du om du tar in dem direkt i webbläsaren som en URL.

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

## #3 — smileenergy, 2007-02-20T19:59Z

då visas de, jag försöker använda mig utav en s.k. fauxcolums. (<http://alistapart.com/articles/fauxcolumns/>)
i den "stora" diven som bakgrunden finns i ligger även två mindre divar som verkar dölja bakgrunden för tar jag bort de två divarna som ligger i den stora diven så visas bakgrunden, det är helkonstigt :S

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

## #4 — zcorpan, 2007-02-20T23:19Z

Jag gissar att du endast har floats däri, och eftersom floats tas ut ur dokumentflödet så blir höjden på förälderdiven 0. Du behöver bana dina flöten med tex:

```
#maincontainer::after { content:""; display:block; clear:both; }
```

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

## #5 — smileenergy, 2007-02-21T00:15Z

hmm, kanske kan ses som en dum fråga men måste jag anropa ::after grejen på något sätt och hur gör jag det i så fall?

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

## #6 — zcorpan, 2007-02-21T01:31Z

Nej. Du lägger bara till den där raden i din stilmall.

("::after" är ett så kallat [pseudo-element](http://www.w3.org/TR/CSS21/selector.html#q20). Enligt Selectors har [pseudo-element två kolon](http://www.w3.org/TR/css3-selectors/#pseudo-elements) istället för ett som i CSS2.1.)

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

## #7 — smileenergy, 2007-02-21T12:46Z

Tack så mycket, det verkar fungera nu men vad gör den tomma content taggen i diven? content="";

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

## #8 — zcorpan, 2007-02-21T15:38Z

'content' (vilket är en egenskap) anger vilket innehåll pseudo-elementet ska ha. Du kan tex testa lägga in lite text där (content:"foo bar"). I det här fallet vill vi inte ha någon text men måste fortfarande ange en tom sträng för att det ska genereras en box som kan bana flötena.

I princip fungerar det på samma sätt som om du hade lagt till 

```
<div style="clear:both"></div>
```

 sist i #maincontainer (vilket också fungerar), fast du gör det med CSS.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/157350-varför-visas-inte-bakgrunden