Help me start DIVs

Question

css

Here is a simple table header:

<table cellpadding="0" cellspacing="0" border="0" width="930" align="center">
<tr>
<td rowspan="2" valign="top"><img...></a></td>
<td rowspan="2" valign="top" width="400"> some text </td>
<td valign="top">some other text</td>
</tr>
<tr>
<td><img...></td>
</tr>
</table>

Graphically, it looks like this (indentation is only for clarity):


How can this economy be laid out with DIVs, but cross-browser (that is, so that it works under IE6 :( )?

Answer 1

Thank you StackExchange!

<div style="width: 930px;">
<div style="width: 280px; display: inline; float: left;">some text</div>
<div style="width: 400px; display: inline; float: left;">some other text</div>
<div style="width: 250px; display: inline; float: left;">
<div style="text-align: right;">some form<input name="q" size="20"><input type="submit" value="submin"></form></div>
<div style="text-align: right;">some buttons</div>
</div>
</div>