Programming Forums > Web Development and Design > HTML / XHTML / CSS

epswing · Jun 4th, 2005, 2:32 PM

Take a look at http://www.ecsu.ca first through Internet Explorer, then through FireFox.

In FF, there's a small gap above the main menu.
In IE, there's not.

Here's the code (or you can View --> Source yourself) of the two tables. The first holds the top banner, the second holds the main menu.

(Toggle Plain Text)

<table border="0" width="100%" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="image/topbar.bmp"></td>
	</tr>
</table>
<table border="0" width="100%" height="25" cellspacing="0" cellpadding="0" bgcolor="#6379BD">
	<tr>
		<td align="center">
			<ul class="menu">
			<li class="currloc"><a href="">Home</a></li>
			<li><a href="about/">About ECSU</a></li>
			<li><a href="froshweek/">Frosh Week</a></li>
			<li><a href="services/">Services</a></li>
			<li><a href="forums/">Forums</a></li>
			<li><a href="clubs/">Clubs</a></li>
			<li><a href="photos/">Photos</a></li>
			<li><a href="pub/">Blind Duck Pub</a></li>
			</ul>
		</td>
	</tr>
</table>

Anyone know what's going on and why?

Jun 4th, 2005, 2:32 PM	#1
epswing Newbie Join Date: Feb 2005 Posts: 14 Rep Power: 0	unknown gap between tables Take a look at http://www.ecsu.ca first through Internet Explorer, then through FireFox. In FF, there's a small gap above the main menu. In IE, there's not. Here's the code (or you can View --> Source yourself) of the two tables. The first holds the top banner, the second holds the main menu. (Toggle Plain Text) <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><img src="image/topbar.bmp"></td> </tr> </table> <table border="0" width="100%" height="25" cellspacing="0" cellpadding="0" bgcolor="#6379BD"> <tr> <td align="center"> <ul class="menu"> <li class="currloc"><a href="">Home</a></li> <li><a href="about/">About ECSU</a></li> <li><a href="froshweek/">Frosh Week</a></li> <li><a href="services/">Services</a></li> <li><a href="forums/">Forums</a></li> <li><a href="clubs/">Clubs</a></li> <li><a href="photos/">Photos</a></li> <li><a href="pub/">Blind Duck Pub</a></li> </ul> </td> </tr> </table> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><img src="image/topbar.bmp"></td> </tr> </table> <table border="0" width="100%" height="25" cellspacing="0" cellpadding="0" bgcolor="#6379BD"> <tr> <td align="center"> <ul class="menu"> <li class="currloc"><a href="">Home</a></li> <li><a href="about/">About ECSU</a></li> <li><a href="froshweek/">Frosh Week</a></li> <li><a href="services/">Services</a></li> <li><a href="forums/">Forums</a></li> <li><a href="clubs/">Clubs</a></li> <li><a href="photos/">Photos</a></li> <li><a href="pub/">Blind Duck Pub</a></li> </ul> </td> </tr> </table> Anyone know what's going on and why? Last edited by epswing; Jun 4th, 2005 at 2:35 PM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Switch to Hybrid Mode Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > HTML / XHTML / CSS

unknown gap between tables