Unknown gap

[wll6568]

Can someone help me to fix this:

....
<tr>
<td colspan="2" valign="bottom"><div id="footer"></div></td>
</tr>
</table>
</div>
//THERE IS A BIG GAP HERE, LIKE 3 LINES HEIGHT
<div class="ad">Here</div>

You see there is a big gap in between the commented area. I dont know that is. Here's the css for ad class:

font-size:9px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
vertical-align:middle;
margin-left:680px;

[Xapti]

Vertical-align isn't a valid attribute for block elements. You should get rid of that, whether or not it fixes your problem.

Also Make sure you have a good doctype specified on your page.
What browser do you get the bug in?
Do they show up as line breaks/spaces (selectable)? or is it just like a margin (empty, unselectable whitespace)?

I'd recommend maybe not using tables? You could probably do what you need with just styled divs.

Another really important thing you want to check is margin values (or padding in some cases, too)... specifically high numbers (or missing the pixel/em unit) for table's margin:bottom (or ad's margin:top, but that's not the case, it seems).

[edited by: Xapti at 5:52 am (utc) on April 18, 2007]

[wll6568]

</div>
//THERE IS A BIG GAP HERE, LIKE 3 LINES HEIGHT
<div class="ad">Here</div>

----------------------------------
As you can see, there's nothing there, no BR, no margin, no <p>, I dont know why it shows this big gap. It shows that on IE, FF and Safari.

[Fotiman]

Perhaps the table or it's td's have a bottom margin?

[Xapti]

Dude, you need to post more of your code. The current amount realyl doesn't help at all.
you might need to show your entire CSS and HTML.