DIV overflow:hidden laat IE crashen?

[MarcelG]

Misschien dat iemand hier weet wat ik fout doe ; ik heb op m'n forumpje een aanpassing gedaan zodat mensen die "aaaaaaaaaaaaaaaargh" typen, maar dan met 800 a's geen kans krijgen om de forumlayout te vernaggelen.
Hiervoor gebruik ik de volgende code:

code:

<div style="max-width: 655px;width:expression(this.scrollWidth>655?'655px':'auto');overflow:hidden;"> .. </div>

Nu is het zo dat deze code in FireFox gewoon toppie werkt, maar...IE en Maxthon (met IE als core) lijken er door te crashen als de content van de DIV daadwerkelijk de breedte van 655px overschrijdt.....Staat er niet te veel in dan werkt het wel gewoon.

Dit is toch gewoon valide HTML ? Of ben ik nou gek ?
Voor de 'brave few' die het aandurven om te testen ; het gaat om dit topic: http://oxle.com/topic.asp?TOPIC_ID=3173

Muchos gracias bij voorbaat.

[CrashOne]

Waarom zet je die div niet gewoon vast op 655px in plaats van zo'n IE only expression?

Dat nl werkt ook.

[whoami]

HTML enzo hoort niet thuis in P&W, maar in W&G.

P&W -> W&G.

[MarcelG]

CrashOne schreef op dinsdag 04 oktober 2005 @ 10:33:
Waarom zet je die div niet gewoon vast op 655px in plaats van zo'n IE only expression?

Dat nl werkt ook.

Ik wil geen width van 655px, ik wil een maximale width van 655px.
Dus, als ie kleiner moet dan gewoon kleiner.
Vandaar die IE only expression, plus voor de W3C standard browsers de "max-width: 655px;" code.

Als ik me niet vergis krijg ik het max-width effect in IE anders niet voor elkaar...toch?

[Sappie]

Ik ben dat probleem ook ooit tegengekomen. Probeer de gewenste maximale breedte es met 1px te verhogen / verlagen. Kan me vaag herinneren dat dat het crashen voorkomt, maar weet het niet zeker. IE suckt gewoon

kijk btw ook eens hier:

http://archivist.incutio.com/viewlist/css-discuss/41238

of hier voor meer zoekresultaten: http://www.google.nl/sear...&btnG=Google+zoeken&meta=

edit:
In een aantal oplossingen komt naar voren dat je IE in quirksmode moet forceren om van het probleem af te zijn. Dit is waarschijnlijk niet wat je wilt ivm verschillen in box-model.

[ Voor 54% gewijzigd door Sappie op 04-10-2005 10:57 ]

[Verwijderd]

Miss als je een div met overflow:hidden;width:655px maakt,
en dan daarin nog een div met float:left; en nog wat style dingen.

Als de binneste div groter wordt dan 655px valt hij gewoon weg.

[MarcelG]

Sappie schreef op dinsdag 04 oktober 2005 @ 10:42:
Ik ben dat probleem ook ooit tegengekomen. Probeer de gewenste maximale breedte es met 1px te verhogen / verlagen. Kan me vaag herinneren dat dat het crashen voorkomt, maar weet het niet zeker. IE suckt gewoon

kijk btw ook eens hier:

http://archivist.incutio.com/viewlist/css-discuss/41238

of hier voor meer zoekresultaten: http://www.google.nl/sear...&btnG=Google+zoeken&meta=

Tnx ; ik ga er mee aan de slag!

[MarcelG]

Het lijkt er op dat ik het gefixt heb.

Gebruik nu deze code:

code:

<div style=""max-width: 655px; width: expression( this.scrollWidth > 675 ? '650px' : 'auto' ); overflow:hidden;"">...</div>

Dus, pas na 25 pixels 'overflow' gaat ie resizen naar 650px.

Het andere verschil is dat ik eerst geen spaties gebruikte....:?
Dus, m'n oude code was dit:

code:

<div style=""max-width:655px;width:expression(this.scrollWidth>675?'650px':'auto');overflow:hidden;"">...</div>

ik snap 't ff niet, maar 't is wel gefixt nou!

[ Voor 22% gewijzigd door MarcelG op 04-10-2005 13:47 ]