Class clear fejl
Hej...Måske er jeg bare for træt, men hvad skal jeg gøre for at dette vises ordenligt i IE?
.liste-left {
clear: both;
float: left;
width: 200px;
padding-bottom: 25px;
}
.liste-right {
width: 430px;
padding-bottom: 25px;
float: right;
}
<div class="liste-left">XXX</div>
<div class="liste-right"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce accumsan turpis eleifend arcu. Ut et nisl. Integer ut lorem. Suspendisse aliquet facilisis dui.</p></div>
<div class="liste-left">XXX</div>
<div class="liste-right"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce accumsan turpis eleifend arcu. Ut et nisl. Integer ut lorem. Suspendisse aliquet facilisis dui.</p></div>
<div class="liste-left">XXX</div>
<div class="liste-right"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce accumsan turpis eleifend arcu. Ut et nisl. Integer ut lorem. Suspendisse aliquet facilisis dui.</p></div>
Det ser fint ud i Mozilla, men den højre side bliver for stor i IE. Alle afsnit skulle gerne være med en afstand på omkring 25 px fra hinanden. De skulle gerne følges ad, eks:
xxx Lorem...
....
....
xxx Lorem...
....
....
help.