uepselon: Probleme mit float im Internet Explorer

Beitrag lesen

Hallo,

ich habe ein paar "div" Bereiche von denen ich die Position per JavaScript auslesen möchte. Die div's sind hierbei nebeneinander dargestellt (float:left).

Lese ich nun in JS mit divObject.offsetLeft den Y-Wert aus, so bekomme ich den richtigen Wert (absoluter Wert).

setze ich float auf "none", also die div's werden untereinander dargestellt, steht in divObject.offsetLeft nur noch der relative Y-Wert.

Zur Info: die div's sind nochmal innerhalb eines div's und einer Tablelle!

Bsp:

<table align="center">
<tr>
<td>
<div id="main">
 <div id="divObject1">Text 123</div>
 <div id="divObject2">Text 234</div>
 <div id="divObject3">Text 345</div>
</div>
</td>
</tr>
</table>

In Firefox klappt alles einwandfrei, nur im IE 5.0 tritt das Problem auf. (IE > 5.0 weiß ich nicht).

Finde irgendwie keinen passenden workaround.

2. Problem im IE:

Der Inhalt der div's "Text 123..." wird immer umgebrochen, also "Text\n123"! Sogar wenn ich mit CSS "white-space:nowrap" sage. Im Firefox gehts mal wieder problemlos.

Gruß,

ueps