Trying to Learn CSS - Recurring Gap Problem.

Hi all,

I have been learning CSS for a little while now and have run into many problems. Most of them I have been able to resolve with a little research. This specific issue has come up a couple of times now and I can't seem to figure it out. I have been making practice pages for the hell of it, and one in particular has gaps between the divs in firefox, which I really don't want. I've uploaded the page, you can check it out at http://simpleword.net/frustrated/bluedude.html . The two problem areas are the darker gray area on the left, and the bottom div with the copyright info. This problem does not occur in IE. I've embedded the css so you can check it out. Any help would be greatly appreciated.

Thanks,

Erik.

Haha, figured it out! I realized that <p> has an automatically applied margin, I set it to 0 and everything worked out fine! Woohoo.

Yeah. Some people (not me, however) like to put this at the top of their CSS file:

Code: Select all

* {
    margin: 0;
    padding: 0;
}

Sometimes I don't need to be pixel perfect with things. You may find it useful, though.