Table na div

[mf]

Hej,

jak zamienić taki kod na div?

<table width="100%">
<tr>
<td width="100%" style="background-color:red"></td><td width="160px" style="background-color:blue"><iframe width=160></iframe></td></tr></table>

<br><br><br>

<div style="width:100%">
<div style="float:left;width:100%;background-color:red;">aaaa</div>
<div style="float:right;width:160px;background-color:blue;"><iframe width=160></iframe></div>
</div>

[yavaho]

A tak?

<div style="width:100%; background-color:red;">
<div style="float:left; ">aaaa</div>
<iframe style="float:right; width:160px; background-color:blue;"></iframe>
</div>

[mf]

Nie rozciąga lewej do 100%-160px

[yavaho]

Zobacz na to na dole jest przykład. Trzeba tylko zmienić prawy na lewy.

https://css.maxdesign.com.au/floatutorial/tutorial0816.htm

[mf]

Też nie działa. Chyba się tego nie da w css wykonać.

[slawek22]

A tak?

<div>
<iframe style='float:right; width:160px; background-color:blue;'></iframe>
<div style='margin-right: 160px; background: red;'>
</div>
</div>