Spaces Between Divs

Sometimes when I am making a site from scratch, and I am coding the html/css.. I then view it in a browser (firefox and IE) there are white spaces between either my navigation (if its horizontal) and content and then content and footer.

The only way I seem to be able to fix this is just starting over and normally it doesnt show up after that for some weird reason. (Not sure how just re typing all the code in a new document fixes it but what ever floats the web browsers boat)

Anyone know what could be happening?

 

use style clear:both betwwn 2 divs

 

You can also try and use floats as well as parent containers.

 

It can also depend on what you are using to edit or write your code...

Sometimes a line-return, depending on what you are using, will, by default, enter a " " on output which equates to a space...

Another possibility is default padding / margin spacing.

Another is as stated above, floating + position rendering in certain browsers.

Without explicit details on your process, it is hard to determine specifically the issue...

 

It`s usually a css problem. Maybe the p or div tag has some properties causing whatever is going on.

 

This works as a spacer for me, especially needed when adding my content.

<div style="width:30px;">&nbsp;</div>

(Change width if you like)

 

I think it is style problem mostly the possible cause is 'Padding' property. please check 'padding' property. also depend on what you are using to edit or write your code.

 

I have made padding:0; for all my divs, because FF, Opera and IE calculate the div`s padding differently.

 

I think it will be best if you show the code; else everyone will be guessing about the problem

 

Try margin and padding properties in css.