HTML nightmare, only on certain browsers
Posted: Tue Jun 06, 2006 5:35 am
I have the following HTML:
The problem is the text at the bottom, which should be flush to the bottom of the search bar. In IE and some other browsers it does that, while in Firefox and Safari it refuses to work.
Anybody idea why this is? I have the feeling Firefox is overriding my HTML for some misguided readability reasons, but does anybody know how to stop it thinking it knows better than I do?
Code: Select all
<table border=0 cellspacing=0 cellpadding=0>
<tr height=100>
<td height=100 width=175 valign=top> </td>
<td height=100 width=350><a href="index.php"><img border=0 src="images/logo.png" ></a></td>
<td width=295><img border=0 src="banners/banner2.jpg"></td>
</tr>
<tr>
<td height=32 rowspan=2> </td>
<td height=32 rowspan=2>
<form name="searchbar" action="content.php" method="GET">
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td rowspan=3><img src="images/searchbarright.png"></td>
<td width=117 height=2><img src="images/searchbartop.png"></td>
<td width=117 height=2><img src="images/searchbartop.png"></td>
<td width=117 height=2><img src="images/searchbartop.png"></td>
<td rowspan=3><img src="images/searchbarleft.png"></td>
</tr>
<tr align=top>
<td width=230 valign=center colspan=2 height=26><input name="search" type=text size=30 style="width:200px; height: 18px; font-size:10pt;"></td>
<td width=80 valign=center><img onclick="click_submit()" onmouseover="over_submit()" onmouseout="off_submit()" name="srchbut" border=0 src="images/submita.png"></td>
</tr>
<tr>
<td width=117 height=2><img src="images/searchbarbottom.png"></td>
<td width=117 height=2><img src="images/searchbarbottom.png"></td>
<td width=117 height=2><img src="images/searchbarbottom.png"></td>
</tr>
</table>
</form>
</td>
<td width=151 height=1 bgcolor="#0B3253"></td>
</tr>
<tr>
<td width=151> </td>
</tr>
<tr>
<td height=15 width=175></td>
<td height=15 valign=top><font size=-1><center><i>Enter any combination of date, location and name to search for fairs and centres</font></center></i></td>
</tr>
<tr><td colspan=3>Anybody idea why this is? I have the feeling Firefox is overriding my HTML for some misguided readability reasons, but does anybody know how to stop it thinking it knows better than I do?