CSS: Ens udseende i FF og IE

Tags:    html css

Heay,

Nu er siden næsten færdig helt færdig i Firefox, men der mangler desværre lidt før den ser ud på samme måde i IE:

1. Menu-knapperne er perfekte i FF, men det er som om de ikke kan være der i IE.

2. Der er et lidt for stort tomt område til venstre for reklamerne og shoutbox'en i IE. I Firefox passer det perfekt, og hvis jeg gør main-elementet breddere, så passer det ikke i FF mere.

Siden kan ses her:
http://jacobworsoe.dk/stuff/Test/



Hvis du kan sende mig din index og din css fil, kan jeg lige se hvad jeg kan føre ved de knapper :P



Marc, du kan jo sådan set selv tjekke kildekoden og CSS filen.



Værsgo :)

http://jacobworsoe.dk/stuff/CSS.rar

Der er også alt gfx på siden incl. menu knapperne.



Indlæg senest redigeret d. 13.09.2007 13:49 af Bruger #5947
Janc, det er helt rigtigt... Men at få Jace til at gøre som han har gjort er meget nemmere for mig at arbejde med :D



Har en løsning, dette er dog ikke helt korrekt i følge w3 standarten... Men du kan burge det til at starte med:

lav din container sådan:
Fold kodeboks ind/udKode 

.width vil så kun blive vist i IE, og så passer knapperne



Marc: Kanon! Det virker perfekt - tak for det.

Har brugt tricket lidt rundt omkring på siden...

Dog er det ikke lykkedes mig at få noget margin-bottom på container-elementet i IE, så den ikke går helt til bund.



Fejlen er at din side bruger Quirks Mode, som gør at width og height fortolkes forkert i IE. Brug aldrig Quirks Mode.

http://www.jesperkristensen.dk/webstandarder/doctype-chooser/

Brug heller ikke CSS "hacks" som fx den med at sætte punktum foran navnet. IE6 og IE7 har meget forskellige måder at parse CSS på, så mange af hacksne virker ikke i IE7. Brug i stedet IE conditional comments.



Jesper: Super mange tak...

Det med Quirks Mode har jeg aldrig hørt om før, men efter at have læst om det og brugt din DOCTYPE chooser, så virker min side nu 100% ens i IE og FF - vel at mærke UDEN at bruge "hacks" med punktum foran navnet.

Det med at containere går helt til bund i IE på trods af margin-bottom: 10px; er der dog stadig desværre :/



t