float problemen in IE6&7

[Carpetsmoker]

Hallo mensen,

Ik heb een probleem met float in IE6&7, het probleem is als volgt:
De tekst staat in a <p> element, dit <p> element heeft een max-width van 30, aangezien IE geen max-width kent gebruik ik dit:

code:

p, h1
{
  width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?"30em":"auto");
}

NB: De resultaten zijn hetzelfde als ik het simpelere "p, h1 { width: 30em; }" gebruik

Bij de tekst staat een plaatje, het plaatje (+onderschrift) zit in een <div> element en het is de bedoeling dat het geheel rechts vliegt en dat de tekst er linksaf langs gaat.
Dit gebeurt ook in opera en firefox.

In IE (6 en 7) echter niet, het lijkt erop alsof het vliegende <div> een "gewone" <div> is met "align: right", open de pagina en je ziet wat ik bedoel...

Als ik geen width opgeef voor het <p> element dan werkt alles naar behoren, het probleem zit em dus ook in de combinatie width en float.

Weet iemand een workaround voor deze bug (of is het feature? grens is soms vaag...)

De pagina, voor het gemak hebben alle <p> elementen een rode border, let verder niet op de content en andere rare dingen, geheel staat nog in de steigers...
http://www.rwxrwxrwx.net/site/output/gammaville/dvd.php

[MueR]

Ik zie in IE7 geen rare verschillen op die div?

[Carpetsmoker]

hmm, bij mij wel.
Misschien dat het iets te maken hebben met het feit dat ik IE7 "stand-alone" draai (mbv. http://tredosoft.com/IE7_standalone) en/of dat ik bepaalde opties anders heb staan.

Hoe dan ook, hier een screenshot voor de duidelijkheid:
http://www.rwxrwxrwx.net/capture-1.jpg

[crisp]

Carpetsmoker schreef op dinsdag 16 oktober 2007 @ 15:46:
[...] aangezien IE geen max-width kent gebruik ik dit:

IE7 ondersteund wel max-width hoor (in standards compliant mode)