IE-bug med CSS-float-triks

[tobiaz]

Hei hå!

 

Jobber med nettportal for Valdres, der det skal vises nyhetssaker av ulik prioritet/størrelse på forsiden. Av hensyn til CMS-systemet må de ulike størrelsene på sakene ha samme css-class, og var derfor litt avhengig av litt css-triks (+'er og >'er - se under eller i kildekoden) for å få sakene til å gå helt ut i marg på høyre/venstreside. Med god h ble dette strålende i alle andre nettlesere enn IE6 og under (funker fint i IE7).

 

Har forsøkt mye og mangt, men får ikke dette på stell. Er det noen som har et lyntips?

 

Se her

 

Utdrag fra CSS'en for spaltene:

 

.tospalter{
float:left;
width:590px;
background:url(../images/2spbg.gif);
}

.tospalternyhet {
width:270px;
float:left;
}

.tospalternyhet + .tospalternyhet {
width:270px;
float:right;
}

.trespalter{
float:left;
width:590px;
background:url(../images/3spbg.gif);
}

.trespalternyhet {
width:163px;
float:left;
margin-right:50px;
}

.trespalternyhet + .trespalternyhet  + .trespalternyhet{
width:163px;
float:right;
margin:0;
}

Endret 20. mars 2007 av tobiaz