---
title: "CSS-problem i Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/158182-css-problem-i-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "emser"
published: "2007-03-15T05:50:11.000Z"
updated: "2007-03-15T21:59:34.000Z"
replies: 14
views: 694
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/158182-css-problem-i-firefox"
---
# CSS-problem i Firefox
## #1 — emser, 2007-03-15T05:50Z
Hej,
Jag har kodat en sida med CSS som funkar utmärkt i Safari men inte i Firefox. Firefox struntar i all CSS. Jag har validerat både html-koden och CSS.filen hos WC3 och de är båda helt korrekta.
Det funkade i Firefox förut, men sedan jag bland annat la till en bakgrundsfärg funkar det inte längre.
Är det någon vänlig själ som vet vad det kan bero på?
HTML-koden:
```
[1]
[/1]
```
CSS:
```
[1]body {
background-color: #B69189;
}
div.container {
position: absolute;
top: 0px;
left: 50%;
margin-left: -480px;
width: 960px;
height: 700px;
text-align: left;
background-color: #B69189;
}
div.blabla {
position: absolute;
top: 30px;
left: 0px;
width: 180px;
z-index: 1;
}
div.blabla2 {
position: absolute;
top: 0px;
left: 175px;
width: 610px;
height: 80px;
background-color: #F0EDDC;
z-index: 2;
}
div.blabla3 {
position: absolute;
top: 10px;
left: 255px;
z-index: 3;
}
[/1]
```
Mvh
/Em
Permalänk: https://www.webforum.nu/p/158182
## #2 — headbug, 2007-03-15T06:34Z
Du länkar ju inte in någon css i html:en som du visar. Posta koden du faktiskt använder istället, annars är det svårt att felsöka... Dessutom fattas \ och \
Permalänk: https://www.webforum.nu/p/1948176
## #3 — emser, 2007-03-15T07:16Z
Sorry, jag tog inte med all kod eftersom det blev så långt. Jag har såklart länkat till mitt css-dokument, men jag trodde inte att det var relevant att visa. Här är all html-kod:
```
[1]
SoulPrint
Lorem ipsum blablabla
[/1]
```
och all css:
```
[1]body {
background-color: #B69189;
}
div.container {
position: absolute;
top: 0px;
left: 50%;
margin-left: -480px;
width: 960px;
height: 730px;
text-align: left;
background-color: #B69189;
}
div.bgvanster {
position: absolute;
top: 30px;
left: 0px;
width: 180px;
z-index: 1;
}
div.top {
position: absolute;
top: 0px;
left: 175px;
width: 610px;
height: 80px;
background-color: #F0EDDC;
z-index: 2;
}
div.logotyp {
position: absolute;
top: 10px;
left: 255px;
z-index: 3;
}
div.main {
position: absolute;
top: 200px;
left: 175px;
width: 610px;
height: 530px;
background-color: #F0EDDC;
z-index: 2;
}
div.bghoger {
position: absolute;
top: 70px;
left: 775px;
width: 180px;
z-index: 1;
}
div.avdelare {
position: absolute;
top: 80px;
left: 175px;
width: 610px;
height: 150px;
background-color: #F0EDDC;
z-index: 2;
}
div.maintext {
position: absolute;
top: 240px;
left: 210px;
width: 400px;
height: 200px;
font-family: geosanslight, euphemia, eurostile, optima, myriad, arial, verdana, sans-serif;
font-size: 14px;
color: #403028;
z-index: 4;
}
div.bild {
position: absolute;
top: 410px;
left: 350px;
z-index: 3;
}
div.knapp {
position: absolute;
top: 100px;
left: 630px;
z-index: 3;
}
div.knapp2 {
position: absolute;
top: 170px;
left: 630px;
z-index: 3;
}
div.knapp3 {
position: absolute;
top: 240px;
left: 630px;
z-index: 3;
}
div.knapp4 {
position: absolute;
top: 310px;
left: 630px;
z-index: 3;
}
div.knapp5 {
position: absolute;
top: 380px;
left: 630px;
z-index: 3;
}
[/1]
```
Mvh
/Em
Permalänk: https://www.webforum.nu/p/1948179
## #4 — Lasse H, 2007-03-15T07:46Z
Så här ser den ut i FF..
Bilagor:
- [Untitled-1.jpg](https://www.webforum.nu/a/14009.jpg)
Permalänk: https://www.webforum.nu/p/1948182
## #5 — headbug, 2007-03-15T08:26Z
Håller med Lasse H, det funkar fint. Skulle det kunna vara någon lokal inställning i din FireFox, någon AdBlock som fått fnatt eller så?
Permalänk: https://www.webforum.nu/p/1948193
## #6 — Danne V, 2007-03-15T09:30Z
...eller att FF hämtar den gamla sidan fråna cachen, men tar hem den nya stilmallen eller tvärtom.
Töm cachen några ggr och testa igen.
Permalänk: https://www.webforum.nu/p/1948217
## #7 — emser, 2007-03-15T10:31Z
Nej, vad konstigt - jag har tömt cachen och allt möjligt flera ggr, startat om Firefox och ändå ser det likadant ut hos mig - allting ligger i rad bara. Hm...
Permalänk: https://www.webforum.nu/p/1948231
## #8 — emser, 2007-03-15T11:57Z
Nu har jag laddat upp allt på en ftp-server. Länken är:
och CSS:en ligger på:
Ser bra ut i Safari, men hemskt i FF som sagt...
Permalänk: https://www.webforum.nu/p/1948251
## #9 — jarvklo, 2007-03-15T12:13Z
Hmmm...
Du anger aldrig vilken "encoding" du använder - Sedan har du ett "å" i ordet "friskvård" i meta keywords som skulle kunna vara en UTF-kod, men ändå inte om man får tro W3C:s validator...
Vad händer om du tar bort det "skräptecknet" och ser till att sidan validerar där den ligger nu ?
Permalänk: https://www.webforum.nu/p/1948252
## #10 — emser, 2007-03-15T12:30Z
Å:et är nu borta och både html och css valideras hos W3C, men fortfarande samma problem...
Jag läste någonstans något om att det kan bli problem i FF när man har en bakgrundsfärg och sen har en container, jag vet inte om det kan vara något sådant?
Permalänk: https://www.webforum.nu/p/1948258
## #11 — hypatia, 2007-03-15T12:40Z
Blir det likadant för dig om du testar filerna i Firefox utan att ladda upp dem på webbhotellet?
När jag kör filerna lokalt i Firefox fungerar det finfint, men i din länk funkar det ju som sagt var inte. Skumt...
Permalänk: https://www.webforum.nu/p/1948263
## #12 — headbug, 2007-03-15T13:06Z
Jag kollade html-filen och den anger Unicode UTF-16 Little Endian. Ändrar man till UTF-8 eller något annat ser man att det är 2 tecken i början av filen som blir "skräptecken" om måste hamnat där på något sätt.
Jag tog och markerade allt från och med \
Permalänk: https://www.webforum.nu/p/1948303
## #15 — emser, 2007-03-15T21:59Z
Jag hade sparat utan att ange karaktärformat och då tog den kanske automatiskt UTF-16. Nu har jag sparat som UTF-8 och då funkar det!
Hurra!
Tack så mycket för all hjälp allihop! :)
Permalänk: https://www.webforum.nu/p/1948444
---
Tråden på webben: https://www.webforum.nu/amne/html-css/158182-css-problem-i-firefox
