mboost-dp1

CSS margins og IE


Gå til bund
Gravatar #1 - Ronson ⅍
23. aug. 2006 15:34
Hvad gør jeg når IE 6 ikke vil respektere mine margins?
http://peecee.dk/uploads/0806/ie_vs_ff.png
http://chipsguiden.dk/ny/

Kan ikke se der skulle være nogen fejl i koden (valideringstjenesten er også nede :/), jeg bruger
margin-right: 6px;
til højre boks, og
margin-left: 6px;
til menuen. Alligevel mener IE disse margins skal være væsentlig større, og så kan indholdsboksen ikke være der, og bliver smidt ned.
Gravatar #2 - Blinklys
23. aug. 2006 16:32
IE har en bug kaldet "double-margin float bug", som gør at float'ede elementer får fordoblet deres margins. Det er muligvis det, der er problemet her. Løsningen er at sætte en display: inline på de floatede elementer. I første omgang kan du prøve at sætte det på menuboksen til venstre, og hvis det ikke virker, så prøv at sætte det på højre-boksen også.
Gravatar #3 - Cyrack
23. aug. 2006 16:56
eller bruge !important:

margin-right: 6px !important;
margin-right: 3px;


Stort set alle andre browsere end IE forstår !important tagget og ignorere nummer to clause.
Gravatar #4 - Ronson ⅍
23. aug. 2006 17:24
Kanon, tak! Det ser ud til at virke. Det siger folk i hvert fald, IE7 er lidt mindre vanskelig.

Forestil jer browsermarkedet hvis der var fri konkurrence..
Gå til top

Opret dig som bruger i dag

Det er gratis, og du binder dig ikke til noget.

Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.

Opret Bruger Login