Position table in different browsers is not correct

Question

Hi,
Again I have a problem with making my website compatible with
IE7 & Firefox. I have created a gallery page with a table
containing thumbnail photos. It looks as it should in Firefox but
when viewed in IE7 its not in the centre.
The page can be found here:
http://www.martingreshoff.co.uk/Free_Standing_Furniture_Gallery.html
I have included the code in case this helps. Any help in
getting it working correctly in both browsers would be much
appreciated.
Thanks
Martin

Answer 1

Its pretty much what I asked you to do earlier.
Here's the code for the table with images.
<table width="733" border="0" align="center">
<tr>
<td width="144" height="242" align="center"
valign="bottom"><img
src="Resourses/Free Standing Furniture Sized
Photos/Thumbnails/Bookcase
Sized - Thumb.jpg" width="105" height="146" border="0"
usemap="#Map7"></td>
<td width="143" align="center" valign="bottom"><img
src="Resourses/Free
Standing Furniture Sized Photos/Thumbnails/Cabinet With Blue
Glass - Sized -
thumb.jpg" width="136" height="97" border="0" usemap="#Map8"
href="#"></td>
<td width="143" align="center" valign="bottom"><img
src="Resourses/Free
Standing Furniture Sized Photos/Thumbnails/Cupboard - Doors
Closed1 -
Sized - Thumb.jpg" width="105" height="146" border="0"
usemap="#Map10"></td>
<td width="143" align="center" valign="bottom"><img
src="Resourses/Free
Standing Furniture Sized Photos/Thumbnails/Desk & Chair -
Sized - thumb.jpg"
width="136" height="97" border="0" align="bottom"
usemap="#Map6"></td>
<td width="142" align="center" valign="bottom"><a
href="Display
Case.html"><img src="Resourses/Free Standing Furniture
Sized
Photos/Thumbnails/Display Case - Sized - thumb.jpg"
width="105" height="146"
border="0" usemap="#Map9"></a></td>
</tr><tr>
<td
height="12"> </td><td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td height="242" align="center" valign="top"><img
src="Resourses/Free
Standing Furniture Sized Photos/Writing Table General view 1
- Sized A.jpg"
width="105" height="146" border="0"
usemap="#Map3"></td>
<td align="center" valign="top"><img
src="Resourses/Free Standing Furniture
Sized Photos/Thumbnails/Library Table - Sized - thumb.jpg"
width="136"
height="97" border="0" usemap="#Map2"></td>
<td align="center" valign="top"><img
src="Resourses/Free Standing
Furniture Sized Photos/Thumbnails/Music Stand - Front Full
Length - Sized -
thumb.jpg" width="105" height="146" border="0"
usemap="#Map"></td>
<td align="center" valign="top"><img
src="Resourses/Free Standing
Furniture Sized Photos/Thumbnails/Hall Table - Sized -
thumb.jpg"
width="136" height="97" border="0"
usemap="#Map5"></td>
<td align="center" valign="top"><img
src="Resourses/Free Standing
Furniture Sized Photos/Thumbnails/Walnut Chest - Thumb.jpg"
width="105"
height="146" border="0" usemap="#Map4"></td>
</tr>
</table>
Changes made to your code:
-Removed table height (you could keep it, but its an invalid
attribute and
should not be used. The table height will be as much as the
cells need. The
table does not hold content, it has cells which hold content
and hence the
height should be for the cell)
-Added height="242" for the first cell in the second row of
images. Since
all cells in that row will have the same height, so defining
it for one cell
should make sure that other cells expand to that height as
well.
- Removed <div align="center"> and the closing
</div> tags for the cells in
the first row of images. Its not needed as the table cell
align="center" and
valign="bottom" is adequate to align the images. The div is
an additional
container which is not needed here.
Effectively, if you just add the height="242" for one of the
cells in the
second row of images, that should do what you need. Other
changes are more
of cleaning the code.
I would again urge that you should change the names of the
files and folders
so they do not have any spaces within the name. If you do not
do this, there
will be problems at some point in time.
Other changes as I explained in the previous code would be
useful if you
wish to do that.
You cannot lose until you give up !!!
"greshoff" <[email protected]> wrote in
message
news:[email protected]...
> Yes that works exaxtly as it should. AS you might be
able to tekll I am
> very
> new to Dreamweaver. Could you explain in very simple
step by step
> instructions
> how to acheive this result.
>
> Many thanks
> Martin
>