Browser problemer - Debug :(

Tags:    html css

Edit: Problemet er løst :-)

Hejsa,

Jeg er igang med at lave en side, og så tænkte jeg at jeg lige ville tjekke hvordan den så ud i de forskellige browsere (jeg bruger Opera normalt).

BANG, så er den smadret i både IE7 og FF, og jeg forstår virkelig ikke hvorfor.

For at gøre det nemmere for jer at se, har jeg taget screenshots af siden i de tre browsere:
http://junk.arjay.dk/mongolIE.jpg <- IE7
http://junk.arjay.dk/mongolFF.jpg <- FF
http://junk.arjay.dk/niceO.jpg <- Opera

Hvis nogen kan forklare mig hvad i hede hule helv.. der er galt, så vil jeg blive en meget glad mand, jeg sidder og river mig i håret lige nu.



Indlæg senest redigeret d. 03.11.2007 01:26 af Bruger #12579
6 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
Det er typiske css parsing fejl. Hver browser parser CSS på deres måde. IE har defineret en meget større standard skrifttype på nogle af sine tekst-elementer.
IE er ikke altid glad for float elementer. For slet ikke at tale om boks-modellen.
FF og Opera er begge glade for diverse CSS og parser det tilnærmelsesvis rigtigt.

Du kan rette det ved at:
1. Bruge noget javascript eller server-side kode til at bestemme hvilken browser og så tilføje en css-klasse til dit body-tag. Derefter kan du målrette hvordan din css skal se ud for hver browser.

2. Bruge Hax-og-fix (søg efter: css-hacks).

3. Bruge en bestemt css-fil til hver browser.



Hey René,
det kan jo ske =)
men det er godt det virker.

Husk at lukke tråden.



Indlæg senest redigeret d. 03.11.2007 14:35 af Bruger #1330
Ved ikke lige hvad der sker for din Firefox. Men her ser det ud ligesom i mongol-opera :P.



Firefox gør det også ganske udemærket her.



og her ser det faktisk ens ud i både FF (2.0.0.8) og IE (7)



Ja, jeg er lidt langsom om at reagere, undskyld :-)

Jeg arbejdede på det hele dagen, og jeg fant rent faktisk en hax der løste mit problem. Problemet i FF blev løst ved at slå to containere sammen til én (gammel kode, så den var overflødig).
Problemet i IE løstes ved hjælp af en hax.

Undskyld jeg ikke opdaterede jeg hurtigere.



t