PDA

View Full Version : Tables look different in Firefox


dj crucial
12-09-2007, 09:11 PM
My navigation bar does not stay within the confines I have given it. It looks fine in internet explorer but it is wider in Firefox. I will post an image below:

http://i49.photobucket.com/albums/f261/djcrucial/table-help.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Creative Edge Monograms</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../mm_health_nutr.css" type="text/css" />

<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>

<link href="../creativeEdge.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #5C743D}
body,td,th {
color: #000000;
}
-->
</style>
</head>
<body bgcolor="#F4FFE4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#D5EDB3">
<td colspan="3" rowspan="2"><img src="../Images/flower.jpg" alt="Header image" width="382" height="101" border="0" /></td>
<td width="402" height="50" align="center" valign="bottom" nowrap="nowrap" id="logo">Creative Edge Monograms</td>
<td height="50" colspan="4" align="center" valign="bottom" nowrap="nowrap" id="logo">&nbsp;</td>
</tr>

<tr bgcolor="#D5EDB3">
<td height="51" id="tagline" valign="top" align="center">Let your creativity loose</td>
<td height="51" colspan="2" align="center" valign="top" id="tagline"></td>
<td height="51" align="center" valign="top" id="tagline">&nbsp;</td>
<td height="51" align="center" valign="top" id="tagline">&nbsp;</td>
</tr>

<tr>
<td colspan="8" bgcolor="#5C743D"><img src="../mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>

<tr>
<td colspan="8" bgcolor="#99CC66" background="../mm_dashed_line.gif"><img src="../mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>

<tr bgcolor="#99CC66">
<td colspan="8" id="dateformat" height="20">&nbsp;&nbsp;<script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="8" bgcolor="#99CC66" background="../mm_dashed_line.gif"><img src="../mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>

<tr>
<td colspan="8" bgcolor="#5C743D"><img src="../mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>

<tr>
<td width="165" height="298" valign="top" bgcolor="#5C743D">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165">&nbsp;<br />
&nbsp;<br /></td>
</tr>
<tr>
<td width="165" bgcolor="#5C743D"><a href="../index.html" class="navText">home</a></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="165" id="products">
<tr>
<td width="165" height="15" bgcolor="#5C743D"><a href="babyme.html" STYLE="text-decoration: none"><strong>&quot;Baby Me&quot; Boutique</strong></a><br />
<a href="apparel.html" STYLE="text-decoration: none"><strong>Apparel &amp; Accesories</strong></a><br />
<a href="towels.html" STYLE="text-decoration: none"><strong>Towel, Totes and More</strong></a><br />
<a href="monograms.html" STYLE="text-decoration: none"><strong>Monograms</strong></a><br />
<a href="fonts.html" STYLE="text-decoration: none"><strong>Fonts</strong></a><br /> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"><a href="../digitization.html" class="navTextTop">digitization</a></td>
</tr>
<tr>
<td width="165"><a href="../shipping.html" class="navTextTop">shipping</a></td>
</tr>
<tr>
<td width="165"><a href="../contacts.html" class="navTextTop">contacts</a></td>
</tr>
</table>
<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br /> </td>
<td width="50"><img src="../Images/Page Graphics/50px-spacer.png" alt="" width="1" height="1" border="0" /></td>
<td colspan="3" valign="top"><img src="../mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
&nbsp;
<table width="95%" border="0">
<tr>
<td width="100%" height="16" colspan="2"><div align="left" class="pageName">&quot;Baby Me&quot; Boutique</div></td>
</tr>
<tr>
<td height="16" colspan="2"><div align="center"><img src="../Images/Page Graphics/Baby-Me-Boutique.png" width="491" height="215" border="0" usemap="#Map" /></div></td>
</tr>
</table>
<br /> </td>
<td width="25">&nbsp;</td>
<td width="33" valign="top"><br />
&nbsp;<br /> </td>
<td width="142">&nbsp;</td>
</tr>
<tr>
<td width="165"><img src="../Images/Page Graphics/NavBarBottom.png" width="165" height="25" /></td>
<td width="50">&nbsp;</td>
<td width="168">&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td width="25">&nbsp;</td>
<td width="33">&nbsp;</td>
<td width="142">&nbsp;</td>
</tr>
</table>


<map name="Map" id="Map">
<area shape="poly" coords="108,211,63,59,11,72,13,165,-9,212" href="babyme/burpcloths.html" />
<area shape="poly" coords="171,166,164,82,192,38,240,46,255,165" href="babyme/bibs.html" />
<area shape="poly" coords="167,172,102,170,47,-1,187,1,175,54,157,71" href="babyme/onesies.html" />
</map></body>
</html>