4 replies [Last post]
chickenloop79
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2005-08-11
Posts: 8
Points: 0

Hello all!
Would somebody please help me correcting this page:
http://w3.datanet.hu/~vilhelm/test/test.htm
There is an empty line between the main container's top border and the top location of the header when viewed in Firefox. In IE it looks correct. Please help me find the error. The css is valid though...
Thanks in advance!

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 3 years 16 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

3 column layout, header error in firefox

Probably has to do with the default margin or padding on the h1 tag in the header.
Try margin:0; for #header h1

chickenloop79
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2005-08-11
Posts: 8
Points: 0

Yeah it solved the problem

Thanks it solved the problem, I really didn't think about this....
Thanks again! Laughing out loud

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 3 years 16 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

3 column layout, header error in firefox

Glad it worked for you.

Something to think about when doing your css... set margin, padding and borders for everything to zero before you start then you don't have to worry about it down the road, you can then set these values on tags when and where you need or want them

/* set everything to zero */

* {margin:0; padding:0; border:0;}

chickenloop79
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2005-08-11
Posts: 8
Points: 0

3 column layout, header error in firefox

Thanks for the tip! I will use this from now on.... Wink
Cheers