table layout with gaps in Netscape 7 but not with IE6 - why??

liunx

Guest
I'm trying to layout a page with two shadowed boxes for data. I slit the image and using the html code provided, have come up with exactly what I want - when I view with IE6. When I view the same file with Netscape7, there is a big gap of space between the 2 rows - why is that and how do I fix it? Many thanks in advance! :)<br />
<br />
This is the code for one shadowed box:<br />
<br />
<TABLE WIDTH=342 BORDER=0 CELLPADDING=0 CELLSPACING=0 height='342'><br />
<TR><br />
<TD><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/bg3_01.jpg" WIDTH=333 HEIGHT=333 ALT=""></TD><br />
<TD><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/bg3_02.jpg" WIDTH=9 HEIGHT=333 ALT=""></TD><br />
</TR><br />
<TR><br />
<TD><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/bg3_03.jpg" WIDTH=333 HEIGHT=9 ALT=""></TD><br />
<TD><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/bg3_04.jpg" WIDTH=9 HEIGHT=9 ALT=""></TD><br />
</TR><br />
</TABLE><!--content-->oops - sorry - that would be me trying desperately to find something that worked. The height='342' doesn't help - whether it's there or not. Any other suggestions? Thanks :)<!--content-->The following link may help:<br />
<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m --><br />
<br />
Is there any reason for splitting the images? There may be other better and easier ways to do what you are trying to do. For example image maps, setting the image as background instead of foreground, using CSS to place contents rather than tables etc.<!--content-->The wrong DOCTYPE could cause this effect.<br />
The answer is in nkaisare's link.<br />
HTML clean-up and validation would also help.<!--content-->Hi Laria...<br />
<br />
I would simply try letting the images find their own place in the table.<br />
Remove the height and width attributes of the table.<br />
<br />
;) k<!--content-->thank you all so much for your help.. time to buy a bottle of blond hair dye though (my apologies in advance to all you blond people out there!) and revisited the "valign='top'" thing ~sigh~ .. shame on me!<br />
<br />
Another question.. is there an "if-then-else" line I can use when I want to use CSS for a table border (which looks wonderful), but on viewing the page with Netscape 4.5 (which is what all the computers at school have sadly).. of course the table doesn't have the nice border but is showing all the inner and outer borders. Sorry it's wordy. Thanks again - you're all wonderful :)<!--content-->
 
Back
Top