Forum Moderators: open

Message Too Old, No Replies

Issues with borders in Mozilla/Netscape

         

maverick106

2:18 am on Jun 13, 2003 (gmt 0)



I have been developing a web page that is mainly a big table, and have run into an issue with IE vs netscape/mozilla. Using a header.asp file to include in all of the pages...in the header I have a table, defined as such:

<body bottommargin="0" topmargin="0">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="800" height="100%">
<tr>
<td width="25" height="100%" rowspan="2" background="images/left_bar.gif"></td>
<td width="750" height="175" colspan="3">
<div><img src="images/header.gif"></div>
</td>
<td width="25" height="100%" rowspan="3" background="images/right_bar.gif"></td>
</tr>
<tr>

etc...

Now, this code causes problems with netscape (there is a bit of dead space at the bottom of the page, b/c netscape doesn't support heaight="100%") However, if i take those calls out, there is dead space in IE. Anyone know a way i can make it work with both?

Thanks

tedster

9:24 pm on Jun 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



maverick106, welcome to WebmasterWorld.

My first suspicion is this: <div><img src="images/header.gif"></div>

There are no attributes for this div, and there are no dimensions for the image.

I intially suspected small font size differences, but I don't see any text. With images only you should have no size differences cross-browser. Just for safety sake, try ensuring that img elements have a rule for zero border and margin.

Plus, maybe you did this and didn't mention it, but make sure all the code is valid, with proper DTD to handle the standards versus quirks mode, etc. That's always my first debug action with layouts.