Monster Bottom Padding

IE is giving some bottom padding issues for the content box and footer box.

If you are using ie6 to view please excuse the pngs, I have to yet fix that.

Any ideas? Thanks in advance.

http://www.steamboatlodgingguide.com...html/index.php

You've got a ramdom letter "e" which I think is adding your padding.
I can't see it in the code but I'll attach a screenshot to show you.

Attached Images

ss.jpg (28.0 KB, 6 views)

The problem lies in the ".clearALL" div you are using to solve the Firefox "containing div" bug. IE gives the empty div height.

I think one or both of these will work. Sorry I can't give you an absolute answer, but I use a browser sniffer with alternate stylesheets so I don't have the problem.

1) Try giving the .clearAll div a height of 1px.
2) Instead of using an empty div, try solving the Firefox problem using <br class="clr" /> with this css:

Code: Select all

.clr {clear: both; line-height: 1px; }

This should work as long as XHTML allows a break where you need it.

PS - You should start using XML syntax for relative paths, eg "./linkpage.html" instead of "linkpage.html", if you're going to bother with XHTML.

You might want to read up on clearing floats without additional source markup. It's a very good article for solving a common problem.

You were right about the .clearAll throwing in the extra space. Setting the line height to 1px did not help, however, I gave it a height of 0 and it took care of it. Thanks all!