Выравнивание Div в FireFox, IE7, IE6

Question

У меня возникли проблемы с выравниванием пары divs в IE6, IE7, IE8 и Firfox 3.Все они не отображают корректно то, чего не делают IE8 и Firefox, как и остальные.

Возможно ли это сделать с помощью floats и clears?.между ними не должно быть никакого промежутка, я просто нарисовал это таким образом....Кроме того, div должен иметь фиксированную ширину.

альтернативный текст http://cowfarm.net/divAlign.png

Answer 1

Вы не получите равных высот для двух объединенных левых DIV и правого DIV.Если, конечно, вы их не укажете, или если содержимое имеет одинаковую высоту...Но, я думаю, это не должно быть проблемой?

Обновить

<style type="text/css">
    #container {float:right;position:relative;}
    #left    {float:left;}
    #left_1  {float:left;}
    #left_2  {clear:left;float:left;}
    #right   {float:right;}
    #bottom  {float:left;clear:both;}
</style>

<div id="container">
    <div id="left">
        <div id="left_1">left 1</div>
        <div id="left_2">left 2</div>
    </div>

    <div id="right">right</div>

    <div id="bottom">bottom</div>
</div>

Answer 2

Да, это возможно:

<table>
    <tr>
        <td></td>
        <td rowspan='2'></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td colspan='2'></td>
    </tr>
</table>

Я, конечно, шучу.