Question

<div class="sectiuni_home_box" style="width: 626px; padding-left: 0px;">
    <div class="sectiuni_home_box_t" style="border-left: 0; width: 618px;">
        <div class="sectiuni_home_box_v" style=" width: 616px;">
            <div align="left" style="width: 1px; border: 0; border-left: 1px solid #c3c3c3; float:left; height: 100%; padding: 0; vertical-align: middle;"></div>
            <div id="actiuni" name="actiuni">
                <table style="border: 0;"></table>
                <div id="lista_actiuni" name="lista_actiuni">
                    <div id="actiuni_scroll" class="scroll" style="width: 100%; height: 428px; overflow-x: auto; overflow-y: scroll;">
                    </div>
                </div>
            </div> 
       </div>
   </div>

This is the layout i’m talking about. the only div that has the float is suppsoed to be to the left of #actiuni and #lista_actiuni. Looks exactly like that in Firefox, but IE puts #lista_actiuni below everything else. It puts the float div to the left, the table to the right of it starting at the top but then when it’s time to place #lista_actiuni it drops it all the way down to where the floaty div ends. To make it worse it sometimes corrects itself and places everything nicely, only to be broken again when I switch pages or refresh.

Any ideas on what could be causing it?

I’ve scrapped together a demonstration using code from the page. Closest thing I can get. The problem is that in the example it looks wrong both in ie and in Firefox but on the actual website it works corectly.

edit: edited the jsfiddle, replaced with a version that works properly in Firefox yet fails in IE.

update: it seems removing the #actiuni_scroll div and the table within it and leaving only the bare data i’ve managed to make it display properly so my guess is that’s where the problem is

update 2: I’ve fixed the problem by removing the width attribute from the #actiuni_scroll div. It seems firefox know how to calculate the 100% width to include the elements floated to its left but IE doesn’t.

Answer 1

I’ve fixed the problem by removing the width attribute from the #actiuni_scroll div. It seems firefox know how to calculate the 100% width to include the elements floated to its left but IE doesn’t.