Table layout - whitespace

liunx

Guest
New here. This looked like an intelligent, well run forum. So here goes...<br />
<br />
Okay, I have a table layout with cut-up images. There seems to be white space when you use IE (I'm on 5.5), but not in NN (4.79 and 6.2). I have my <td> and <img> and </td> on the same lines.<br />
<br />
Also, sometimes when you refresh, it goes away. It's making me bonkers! <br />
<br />
it's at this place (<!-- m --><a class="postlink" href="http://www2.mycst.com/di/index.html">http://www2.mycst.com/di/index.html</a><!-- m -->) .<br />
<br />
Thanks in advance for any help!<br />
<br />
Oh, if you see one verticle white line towards the bottom, that's actually supposed to be there. If you don't see the extra lines, hit refresh. This is so weird.<!--content-->well hello penny and welcome to the forums. I would love to look at your code but it seems that the server is down or something. so with that said make sure you have cellpadding and cellspacing set to 0 in your table tag.<!--content-->You know, the IT director just told me he's doing something with that machine. Let me post the code:<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br />
"http://www.w3.org/TR/html4/loose.dtd"><br />
<br />
<br />
<html><br />
<head><br />
<title>Distinctive Industries</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta name="keywords" content="classic cars, restoration, leather, vinyl, cloth, seats, seat, classic, custom, vehicle, mustang, torino, fairlane"><br />
<meta name="description" content="Distinctive Industries is a producer of leather, vinyl and cloth seats for classic cars."><br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"StyleNN4.css"><br />
</head><br />
<br />
<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"><br />
<table border="0" cellpadding="0" cellspacing="0" width="750"><br />
<tr><br />
<td height="27" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/logo.jpg" border="0"></td><br />
<td height="27" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/topmiddle.jpg" border="0"></td><br />
<td height="27" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/topright.jpg" border="0"></td><br />
</tr><br />
<tr><br />
<td height="31" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/logo2.jpg" border="0"></td><br />
<td height="31" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/topmiddle2.jpg" border="0"></td><br />
<td height="31" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/topright2.jpg" border="0"></td><br />
</tr><br />
<tr><br />
<td height="142" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/seat.jpg" border="0"></td><br />
<td height="142" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/main.jpg" border="0"></td><br />
<td bgcolor="black" height="142" valign="top">&nbsp;</td><br />
</tr><br />
<tr><br />
<td bgcolor="#ffcc00" valign="top" height="120"><div id="Menu"><p><a href=http://www.htmlforums.com/archive/index.php/"about.html" class="red">ABOUT US</a></p></div><br />
<div id="Menu"><p><a href=http://www.htmlforums.com/archive/index.php/"contact.html" class="red">CONTACT US</a></p></div><br />
<div id="Menu"><p><a href=http://www.htmlforums.com/archive/index.php/"feature.html" class="red">FEATURED VEHICLE</a></p></div><br />
<div id="Menu"><p><a href=http://www.htmlforums.com/archive/index.php/"find.html" class="red">FIND YOUR VEHICLE</a></p></div><br />
<div id="Menu"><p><a href=http://www.htmlforums.com/archive/index.php/"index.html" class="red">HOME</a></p></div></td><br />
<td height="120" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"images/main2.jpg" border="0"></td><br />
<td bgcolor="black" height="120" valign="top">&nbsp;</td><br />
</tr><br />
<tr><td bgcolor="#cc0000" colspan="3">&nbsp;</td></tr><br />
</table><br />
</body><br />
</html><!--content-->well it looks good as I can't tell without actually looking at it, but also make sure your images are the correct width and not pulling the table apart. the easiest way is to make the background of the table red and then put borders on. I gues we can wait until the server is back up to see it.<!--content-->Okay, I took a screenshot out of HomeSite:<br />
<br />
Screenshot (<!-- m --><a class="postlink" href="http://www.classicsofttrim.com/DIScreen.jpg">http://www.classicsofttrim.com/DIScreen.jpg</a><!-- m -->) <br />
<br />
The white line in the middle is not supposed to be there. (the bottom one is a design feature. our designer really likes little one pixel lines.)<br />
<br />
IT said it'll be back tomorrow.<br />
<br />
I swear I checked and double checked the image sizes. I always draw it out, too. I guess we'll have a look see tomorrow. Thanks!<!--content-->is the seat in the same table as the car? looks like it is pulling it down, I mean the car image is a little bit bigger than the rigth table. but we can wait until tomorrow.<!--content-->Okay, here we go. Here's the menu div:<br />
<br />
#Menu {<br />
width: 159px;<br />
padding: 0px;<br />
margin: 0px;<br />
border-top: 1px #cc0000 solid;<br />
background-color:#ffcc00;<br />
layer-background-color:#ffcc00;<br />
}<br />
<br />
<br />
and the rest you can view source. I'm really starting to think it's an IE thing. I checked in Mozilla, and as I said, I've checked in two versions of Netscape. There are no extra lines in those browsers!<br />
<br />
I also went to Apple's site and noticed that in IE, they get lines in their tables occasionaly. Another weird thing is that when you try to highlight the images(just like you would text), the lines go away.<br />
<br />
I have to go get my flat tire fixed now. This is not my week. Heh.<br />
<br />
I just want to say that you've been very patient and helpful. Thanks!<!--content-->Ooops, ps:<br />
<br />
I checked all of the image sizes in PhotoShop. They are exactly the same heights across the rows and the row heights are specified in the <td> tags.<br />
<br />
There, all done!<!--content-->well penny I could honestly say why fix it if there is nothing wrong with it :P I didn't see any line when I went to it. I will look the code over again but I don't see it. must be a mac thing :)<!--content-->I'm on a pc at work!:) <br />
<br />
I think I'll stop worrying about it.<br />
Thanks again for all of your help and time spent on this!<br />
<br />
:cheers:<!--content-->You know what? That's kind of similar to the problem I'm having in. (<!-- m --><a class="postlink" href="http://htmlforums.com/showthread.php?threadid=17114">http://htmlforums.com/showthread.php?threadid=17114</a><!-- m -->) <br />
Maybe it's an IE 5.5 thing???? *shrugs*<!--content-->Ive got IE 6.0 and it looks good to me. I didn't see any of the symptoms you mentioned.<!--content-->
 
Back
Top