CSS: FF og IE viser marger ulikt

[Fløffi]

Har en side laged i CSS, som ser nokså super ut i FF mens den ser crap ut i IE. De viser padding ulikt, så jeg må egentlig ha én verdi i FF og en anen i IE. Siden det ikke er mulig, lurer jeg på hvordan jeg unngår at siden ser rar ut i IE.

 

FF

 

 

IE

 

her er css-koden

 

* {
margin: 0;
padding: 0;
}

html {
background: url("bgimg/bgm.jpg") fixed top center;
height: 100%;
min-height: 100%;
width: 100%;
}


body {
background: url("bgimg/bgc.jpg") center repeat-y;
min-height: 100%;
height: 100%;
}

#top{
background: url('gfx/top.jpg') center no-repeat;
height:217px;
margin-top: 0px;
}

div#topmenu{
padding-top:203px;
padding-left:310px;
width:868px;
}

#menu{
float:left;
padding-left:204px;
width:200px;
padding-top: 3px;
font-family: verdana; 
font-size:12px;
letter-spacing: 0.5px;
}

#content{
width:651px;
float:right;
margin-right:205px;
font-family: verdana; 
font-size:12px;
letter-spacing: 0.5px;
padding-top: 3px;
border: 1px solid red;
margin-left: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
}

 

er det noe marg-greier som mangler?

[mikk-]

Ie legger ofte dobbel margin på floatede elementer. Prøv noe slikt:

element {
margin-left: 60px !important; /*kompetente nettlesere*/
margin-left: 30px; /*IE*/
}

 

edit: Det er som regel enklere hvis du floater meny og content i samme retning (venstre). Så lenge de får plass, vil de ligge ved siden av hverandre.

Endret 14. august 2006 av Mikael Berg

[Fløffi]

TAKK

 

det ble perfekt du er min helt :!:

[haugsand]

Å legge til display: inline; vil også løse double margin-bugen, og er en tryggere hack å bruke med tanke på fremtidige nettlesere.