CSS fejl i Firefox

Tags:    html css

Jeg er ved at lave en ny side til et community. Det har jeg tænkt mig skulle være 3-spaltet, hvor de to spalter ude i siderne skal bruges til menu og den midterste spalte skal bruges til indhold.

Jeg har lavet de to kasser ude i siderne ved at bruge henholdsvis float: left og float: right

Men når jeg gør det, så forsvinder min hvide baggrundsfarve i Firefox, men er der stadig i Internet Explorer 7 (hvor der dog er nogle andre fejl).

Siden kan ses her:
http://3floor.dk/ordk/
Style:
http://3floor.dk/ordk/style.css

Hvad har jeg gjort glat? Det skal gerne virke godt i begge to.

Extra spørgsmål:
Når nu jeg kommer dertil at jeg skal have midtersektionen ind, vil jeg lave en stor div som går fra top til bund, hvor jeg så deri laver seperate div's til nyhedssystemet (de skal stå under hinanden.

Men hvordan får jeg næsten den store div derind? Er måske et dumt spørgsmål, men jeg har indtil denne side ikke brugt så meget CSS og nu er jeg for alvor begyndt at bruge det, så jeg er ikke helt inde i det.



8 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Ah den kan du lige få med...

Du indsætter blot en ny div med float egenskab, imellem to de to andre.

Denne div skal så have en bredde = container bredde + (venstre kol. bredde - højre kol. bredde)

Her er giver det det bedste resultat ved at arbejde med absolutte tal(px), men da det kan være svært at regne sig frem til, så er procent-tal lidt nemmere. Dog kan der opstå problemer alligevel med deformt layout. Her kan løsningen være at trække 0.1% fra på en eller flere float elementer.

Håber det gi'r mening. :)



Der er fejl i din html:
http://validator.w3.org/check?uri=http%3A%2F%2F3floor.dk%2Fordk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Internet Explorer kan vise mange sider korrekt selv om det er fejl i siden kode... men det kan firefox ikke...

Se for eks. min side:
http://queteo.com

Den vises korrekt i Internet Explorer, men der kommer en hvid stribe oppe i toppen i firefox...



Indlæg senest redigeret d. 07.09.2007 21:44 af Bruger #11573
Prøv at validere din CSS også http://jigsaw.w3.org/css-validator/



Ja der var fejl i HTML'en, men det er rettet nu, men har stadig fejlen.



Per, det har jeg lige gjort og der er ikke nogen fejl i :/

Så det er heller ikke det der er problemet.



Smid en division i enden af din float-container.
Fold kodeboks ind/udKode 

Eksempel
Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 08.09.2007 22:27 af Bruger #10216
Mange tak, Gnu. Nu er baggrunden tilbage.

Selvom du ikke besvarede begge spørgsmål, er jeg så glad så du får de 40 point alligevel :)



Det gør det - mange tak :)



t