Om mijn tekst om een object aan de linkerkant van mijn site te 'wrappen' maak ik gebruik van links floatende divs met een bepaalde breedte. Hier valt vervolgens de tekst mooi omheen, precies zoals ik wil. Echter, nu wil ik aan de rechterkant van mijn scherm bij de tekst ook nog een plaatje laten floaten, een beetje zoals bijvoorbeeld Geenstijl bij zijn artikelen heeft.
Dit levert echter in Opera problemen op, Opera vindt dat een plaatje niet rechts van een links gefloate div geplaatst kan worden, maar knalt hem er helemaal onder.
Hieronder een gedistileerde situatie schets:
en de html:
En hier een voorbeeld: klik
Nu denk ik dat de css standaard het gedrag van opera voorschrijft en IE het gewoon fout doet, maar in mijn geval is het gedrag van IE wél het gewenste. Hoe bereik ik hetzelfde in Opera? (Ik weet niet precies hoe FireFox het rendert, maar ik denk hetzelfde als Opera)
Dit levert echter in Opera problemen op, Opera vindt dat een plaatje niet rechts van een links gefloate div geplaatst kan worden, maar knalt hem er helemaal onder.
Hieronder een gedistileerde situatie schets:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
| div.spacer { float : left; clear : left; height : 10px; } img { float : right; } p { margin : 0 10px; } |
en de html:
HTML:
1
2
3
4
5
6
| <div class="spacer" style="width : 10px"></div> <div class="spacer" style="width : 20px"></div> <!-- hier een hoop divs --> <div class="spacer" style="width : 10px"></div> [img]"blabla"> <p>de[/img] |
En hier een voorbeeld: klik
Nu denk ik dat de css standaard het gedrag van opera voorschrijft en IE het gewoon fout doet, maar in mijn geval is het gedrag van IE wél het gewenste. Hoe bereik ik hetzelfde in Opera? (Ik weet niet precies hoe FireFox het rendert, maar ik denk hetzelfde als Opera)