nicht angemeldet
float mit div's funktioniert nicht
hi folks,
ich möchte zwei div-objekte nebeneinander platzieren (2spaltiges layout). um dies zu erreichen möchte ich die css-eigenschaft "float" verwenden. so sieht es momentan aus:
<div style="float:left;height:150px;"><img id="Image" src="images/home.jpg"></div>
<div style="margin-left:150px;text-align:center;"><img id="ImageLogo" src="images/logo.jpg"></div>
<div style="float:left;width:150px">
<table width="150px" style="color:#D6D6D6;">
<tr>
<td id="MenuHomeTD1" onMouseOver="change('MenuHomeTD1','#FF0000','images/home.jpg');">Home</td>
</tr>
</table>
</div>
<div style="margin-left:150px;">
<table width="800px" style="color:#D6D6D6">
<colgroup width="16.5%" span="6"></colgroup>
<tr>
<td id="MenuRestTD1" onMouseOver="change('MenuRestTD1','#FF0000','images/hochbau.jpg');">Hochbau</td>
<td id="MenuRestTD2" onMouseOver="change('MenuRestTD2','#FF0000','images/tiefbau.jpg');">Tiefbau</td>
<td id="MenuRestTD3" onMouseOver="change('MenuRestTD3','#FF0000','images/über_uns.jpg');">Über uns</td>
<td id="MenuRestTD4"></td>
<td id="MenuRestTD5"></td>
<td id="MenuRestTD6" onMouseOver="change('MenuRestTD6','#FF0000','images/webmaster.gif');" >Webmaster</td>
</tr>
</table>
</div>
das ergebnis im internet explorer 6 ist jedoch nicht das gewünschte: home.jpg wird wie gewünscht links von logo.jpg platziert, das tabellen-element "MenuHomeTD1" wird jedoch nicht links der nachfolgenden Tabelle Tabelle platziert, siehe:
http://schwendi.awardspace.com/
Hat da jemand eine Idee??
Thanx