Hi all,
I'm tackling my first proper "HTML" & "CSS" project, coding in Coda 2. The website spr8.wildapricot.org displays properly in Safari and Chrome, but the tables/positioning seem to be shifted in Firefox. As I'm new to this I can't begin to picture what I've done.
A good problem example page is:
http://www.spr8.wildapricot.org/Defa...pageId=1421907
Any suggestions as to what the problem is? All help is hugely appreciated!
Example code is below:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (James Armstrong.psd) -->
<div id="body">
<table id="Table_01" width="600" height="1440" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="600" height="15" colspan="5">
<img src="images/spacer.gif" width="600" height="15" alt=""></td>
</tr>
<tr>
<td width="346" height="104" colspan="2">
<div class="title">
James<br>Armstrong
</div>
</td>
<td colspan="3" rowspan="2">
<img src="images/Logo.gif" width="254" height="141" alt=""></td>
</tr>
<tr>
<td width="346" height="37" colspan="2">
<div class="title2">
Australia
</div>
</td>
</tr>
<tr>
<td colspan="2">
<t width="346" height="39" alt="">
<div class="title2">
2012 Leavers'
</div>
</td>
<td width="38" height="39" colspan="2">
<img src="images/spacer.gif" width="38" height="39" alt=""></td>
<td rowspan="2">
<img src="images/Pic-1.gif" width="216" height="256" alt=""></td>
</tr>