Posted by Froefel on 08/30/07 10:31

For once, IE seems to do what I intend, but Firefox doesn't. Can
anyone help make the result in FireFox look exactly like the one in
IE?

Here's the code:

<div id="Level1_left" style="float:left; background-color:gray;">
<table id="Level1_table" style="border:2px solid red">
<tr>
<td>1, 1</td>
<td>1, 2</td>
</tr>
<tr>
<td>2, 1</td>
<td>2, 2</td>
</tr>
</table>
</div>

<div id="Level1_right" style="float:right; background-
color:lightgrey;">
<div id="Level2_left" style="float:left; border:2px solid yellow;">
Personalized Email
</div>

<div id="Level2_right" style="float:right; border:2px solid yellow">
Links go here
</div>

<div id="Level2_bottom" style="clear:both; border:2px solid green">
This goes underneath both Level2 panels
</div>
</div>

• Next in forum: Re: Positioning problem in FF vs IE
• Prev in forum: Re: Help with CSS margin collapse
• Thread view: Positioning problem in FF vs IE

[Reply to this message]