No replies
punkass
Offline
newbie
Last seen: 18 years 6 weeks ago
Joined: 2004-08-18
Posts: 1
Points: 0

Hi all,

I have 2 divs that have a gap between them:

<div style="text-align: left; margin-bottom: 5px;">

<div style="height: 28px; background: url('mos/tab_top_right.gif') no-repeat top right;">
<!--Indent--> <div style="float:left;"><a href="menu_control"><img src="tab_training_on.gif" alt="tabs" /></a></div>
<!--Indent--> <div style="float:left;"><a href="menu_control"><img src="tab_training_control_off.gif" border="0" alt="tabs" /></a></div>
<!--Indent--> <div style="float:left;"><a href="menu_advertising"><img src="tab_training_adver_off.gif" border="0" alt="tabs" /></a></div>
</div>

<!-- GAP HERE -->

<div style="clear: left;text-align: center; background-image: url('mos/tab_bottom_tile.gif');">
<!--Indent--> <div style="float:left;"><img src="tab_left.gif" border="0" alt="tabs" /></div>
<!--Indent--><div style="float:left; width:23%"><a href="get_started_training"><img src="tab_getstarted_off.gif" border="0" alt="1" /></a></div>
<!--Indent--><div style="float:left;"><img src="tab_btn_sep.gif" border="0" alt="tabs" /></div>
<!--Indent--><div style="float:left; width:23%"><a href="free_plan.php"><img src="tab_program_off.gif" border="0" alt="1" /></a></div>
<!--Indent--><div style="float:left;"><img src="tab_btn_sep.gif" border="0" alt="tabs" /></div>
<!--Indent--><div style="float:left; width:23%"><a href="bonus_pool.php"><img src="tab_bonuspool_off.gif" border="0" alt="1" /></a></div>
<!--Indent--><div style="float:left;"><img src="tab_btn_sep.gif" border="0" alt="tabs" /></div>
<div style="float:left; width:23%"><a href="faq.php"><img src="tab_faqs_off.gif" border="0" alt="1" /></a></div>
<!--Indent--><div style="height: 54px; background: url('tab_right.gif') no-repeat top right;" ></div>
</div>

</div>

This seems fine in IE(a first) but not in anything else. I can either remove the clear:left; and the gap is gone but the page explodes.
Or I can remove the 3 images at the top and make them text and the gap is gone(but thats not what i want).

I am at a loss, any help would be great.

thanks.