Hi,

Im just started this site but for some reason im getting a space between the #header and #nav div's (only in FF3)

It displays correctly in IE7

 

Clicky

 

I want it to display as it is in IE7. Where there is no space between the two Div's.

 

Thanks in advance

 

(Bet this is something simple and silly.....!)

Try adding margin-top:0; padding-top:0; to your #nav ul declaration in the CSS. Not tested but sometimes top margins can pull their container down with them.

Try adding margin-top:0; padding-top:0; to your #nav ul declaration in the CSS. Not tested but sometimes top margins can pull their container down with them.

 

Nope didnt work?

Ive never had this happen before. I hate these little niggly problems. Perhaps im just having a bad day!!

Nope didnt work?

Ive never had this happen before. I hate these little niggly problems. Perhaps im just having a bad day!!

 

I think ZigPress is on the right track, as a test add this (below) to the top of your css file.

 

* {margin:0; padding:0; }

 

If that works then you should read about "CSS Reset's" and the correct way to do it.

I think ZigPress is on the right track, as a test add this (below) to the top of your css file.

 

* {margin:0; padding:0; }

 

If that works then you should read about "CSS Reset's" and the correct way to do it.

 

That worked thanks! I dont know alot about CSS Resets as of yet and can see that it has altered things on my whole page.

Should not be a problem tho. as i can just add margins/padding as necessary, right?!

That worked thanks! I dont know alot about CSS Resets as of yet and can see that it has altered things on my whole page.

Should not be a problem tho. as i can just add margins/padding as necessary, right?!

 

 

Yes thats correct, im glad it worked.

 

Basically it is a wild card removing all defult padding and margin, each brouser will add its own ammount of padd/margin to some elements, this causes alot of cross brouser problems.

 

The general principle behind using a reset is to use a list of elements rather than using the wildcard, i use the following:

 

html, body, div, h1, h2, h3, ul, li,p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

 

you can read about them on nettuts here or do a google search for css reset.