Float-problem i IE 6

Hallå!

Sitter som vanligt på macen och kodar och allt ser strålande ut i alla läsare och så kollar man på IE på PC och så blir man, ja inte längre, förvånad över att det ser helt annorlunda ut i IE6.

Se bifogad bild på hur det ska och inte ska va. Nåt clear/float-relaterat är det men vad?

#list dt {
	font: 1.2em Georgia;
	font-weight: bold;
}
#list span {
	float: left;
	width: 110px;
}
#list dt img {
	border: 1px solid #666666;
}
#list dd {
	margin-top: 1em;
}
#list dd+dt {
	clear: both;
	padding-top: 1em;
}

    <dl id="list">
      <dt><span><img src="bild1.jpg" /></span>Rubrik 1</dt>
      <dd><strong>Arranger:</strong> Test 1a<br /><strong>Composer:</strong> Test 1b</dd>
      <dd><a href="#" title="COMMENTS">COMMENTS</a> - <a href="#">BUY &raquo;</a></dd>
      <dt><span><img src="bild2.jpg" /></span>Rubrik 2</dt>
      <dd><strong>Composer:</strong> Test 2</dd>
      <dd><a href="#" title="COMMENTS">COMMENTS</a> - <a href="#">BUY &raquo;</a></dd>
      <dt><span><img src="bild3.jpg" /></span>Rubrik 3</dt>
      <dd><strong>Composer:</strong> Test 3</dd>
      <dd><a href="#" title="COMMENTS">COMMENTS</a> - <a href="#">BUY &raquo;</a></dd>
    </dl>

Om någon har en smartare lösning så tas det gärna emot!

Tack!

Tja!
IE 6 stödjer inte + selectorn (#list dd+dt) därför strular det.
http://www.quirksmode.org/css/contents.html

Ahh, jag märkte precis det! Satte clearen på riktiga dt'n i stället, så nu funkar det!

MEN, om jag vill ha 1em margin mellan varje dt och ny dd, hur gör jag det?
D.v.s. margin-top på alla dt utom den första!

IE6 verkar varken reagera på margin-top eller padding-top på dt. Hur göra?

Tack!

e/ den reagerar visst, men hur är det korrekta sättet att sätta margin/padding här? I IE6 så ser det bra ut om jag sätter margin-top: 1em på dt. Den gör ingen margin på min första, men i andra läsare så blir det nästan ingen margin alls i stället. Om jag sätter padding å andra sidan så blir det bra, men då får jag det även på min första. IE 6 har alltså inget för + eller för first-child så jag måste sätta en specialare på min första dt?

Detta dyker ju upp rätt ofta. Hur löser man det bäst?

ehm.. prova att lägga till overflow: hidden; på dt?

Nate.A skrev:

ehm.. prova att lägga till overflow: hidden; på dt?

Jag vet inte vad som skulle hända, men det blev helknas. Kanske för att jag har en bild floatad i min dt (är det dumt?). Jag försökte att få in bilden i en dd, men då lyckades jag inte få den att vara topvänster utan att placera den före dt i koden och det är ju inte så snyggt.

Du får ursäkta att jag går lite offtopic, men när ska vi sluta utveckla för IE6 egentligen?
Jag har sett många hobbyutvecklare, såväl som professionella utvecklare, som har slutat utveckla för IE6, och det är inte så dumt att göra så egentligen. Antalet personer som sitter på IE6 numera är ganska litet, och de som fortfarande gör det kommer ju inte bli mer benägna att uppgradera om vi fortsätter att stödja deras uråldriga webbläsare. Bara lite tankar.

Gildebrand skrev:

Du får ursäkta att jag går lite offtopic, men när ska vi sluta utveckla för IE6 egentligen?
Jag har sett många hobbyutvecklare, såväl som professionella utvecklare, som har slutat utveckla för IE6, och det är inte så dumt att göra så egentligen. Antalet personer som sitter på IE6 numera är ganska litet, och de som fortfarande gör det kommer ju inte bli mer benägna att uppgradera om vi fortsätter att stödja deras uråldriga webbläsare. Bara lite tankar.

Håller med, men jag gör siten åt en stenåldersgubbe så jag ville bara försäkra mig att det inte såg kajko ut när han knappar in adressen för att kolla :) Det är inte riktigt läge att skicka med en förklaring att "om det ser konstigt ut så bör du uppgradera din webbläsare". Det är inte så förtroendeingivande tyvärr.

bassebhu skrev:

Det är inte så förtroendeingivande tyvärr.

Funkar för Microsoft iallafall, och se bara hur dåligt det har gått för dem :e
Men jag förstår absolut din tanke.

Hejsan! Jag har också problem med floating i IE.
Jag har ingen aning om hur jag skapar egna floating objects, mitt tema gör det
åt mig.

Varukorgen samt numret till kundtjänst syns fint i Firefox, men i IE buggar det ur.
Hur löser jag det?