Posts Topics Forums Images
Search videos from message boards Videos Search messages from microblogs Microblogs Search messages from imdb.com Imdb Search messages from yuku.com Yuku Search messages from lefora.com (free forums) Lefora
My account: Login | Sign Up
Loading... 

Thread: Space between divs - Why?
Started 1 month, 2 weeks ago by djpete
default template from DW. I get these white gaps and cant get rid of them. Going mad. Any advice for a newbie appreciated. Code and pic... Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me ta http-equiv="Content-Type" ...
Site: Dev Shed Forums - Open Source web development  Dev Shed Forums - Open Source web development - site profile
Forum: CSS Help  CSS Help - forum profile
Total authors: 2 authors
Total thread posts: 5 posts
Thread activity: no new posts during last week
Domain info for: devshed.com

Other posts in this thread:

DonR replied 1 month, 2 weeks ago
at the top of your style css add: html{margin:0;padding:0;} (above the body{}) to reset things.
Size: 159 bytes
Customize:  Customize "<b>Reply 1</b>: Space between divs - Why? :: CSS Help :: Dev Shed Forums - Open Source web development"

djpete replied 1 month, 2 weeks ago
Quote: Originally Posted by DonR at the top of your style css add: html{margin:0;padding:0;} (above the body{}) to reset things. zeroing the margin and padding in body element isn't good enough it seems thats why you should always add the html element/property in your css and zero margin/padding in there too. Greatly appreciate the help Don. ...
Size: 5,216 bytes
Customize:  Customize "<b>Reply 2</b>: Space between divs - Why? :: CSS Help :: Dev Shed Forums - Open Source web development"

djpete replied 1 month, 2 weeks ago
Quote: Originally Posted by djpete Greatly appreciate the help Don. This is what I did but still same. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...
Size: 5,605 bytes
Customize:  Customize "<b>Reply 3</b>: Space between divs - Why? :: CSS Help :: Dev Shed Forums - Open Source web development"

djpete replied 1 month, 2 weeks ago
This solved my problem. Apparently its a collapsing div common prob which I don't really get but would like to know in a simple way!!! You can fix it very easily though by un-collapsing your margins with either a top & bottom border, top & bottom padding, or overflow:hidden. I just did one of those to the maincontent div and all fixed!!
Size: 444 bytes
Customize:  Customize "<b>Reply 4</b>: Space between divs - Why? :: CSS Help :: Dev Shed Forums - Open Source web development"

 

Top contributing authors

Name
Posts
djpete
4
user's latest post:
Space between divs - Why?
Published (2009-11-12 22:20:00)
This solved my problem. Apparently its a collapsing div common prob which I don't really get but would like to know in a simple way!!! You can fix it very easily though by un-collapsing your margins with either a top &amp; bottom border, top &amp; bottom padding, or overflow:hidden. I just did one of those to the maincontent div and all fixed!!
DonR
2
user's latest post:
Space between divs - Why?
Published (2009-11-12 21:07:00)
at the top of your style css add: html{margin:0;padding:0;} (above the body{}) to reset things.

Related threads on "Dev Shed Forums - Open Source web development":

Unexplained space between divs  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Unexplained space between divs
Unexplained space between divs
Divs appearing outside of containing divs? Why?  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Divs appearing outside of containing divs? Why?
Divs appearing outside of containing divs? Why?
White space between navbar and image in FF. No clue why -...  Dev Shed Forums - Open Source web development - site profile HTML Programming - forum profile White space between navbar and image in FF. No clue why - Dev Shed
White space between navbar and image in FF. No clue why - Dev Shed
Why is there a space between these two div's?  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Why is there a space between these two div's?
Why is there a space between these two div's?
Gap between divs - Dev Shed  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Gap between divs - Dev Shed
Gap between divs - Dev Shed
Distance between divs - Dev Shed  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Distance between divs - Dev Shed
Distance between divs - Dev Shed
IE- gaps between Divs  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile IE- gaps between Divs
IE- gaps between Divs
Mysterious line break between divs  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Mysterious line break between divs
Mysterious line break between divs
Large white gap between divs in IE 6  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Large white gap between divs in IE 6
Large white gap between divs in IE 6
Adjustable Text Line spacing and Space between letters.Is...  Dev Shed Forums - Open Source web development - site profile CSS Help - forum profile Adjustable Text Line spacing and Space between letters.Is it possible on a HTML site - Dev Shed
Adjustable Text Line spacing and Space between letters.Is it possible on a HTML site - Dev Shed

Related threads on other sites:

IE Problem with space between divs at top  Zen Cart Support - site profile The Stylesheet - forum profile IE Problem with space between divs at top
IE Problem with space between divs at top
A space between divs that I can't eliminate  www.daniweb.com - IT Tech Talk - site profile HTML and CSS - forum profile A space between divs that I can't eliminate
A space between divs that I can't eliminate
Content Placeholder Creating Space Between Divs  Forums - ASP.NET Forums - site profile Master Pages, Themes and Navigation Controls - forum profile Content Placeholder Creating Space Between Divs
Content Placeholder Creating Space Between Divs
Unwanted white space between divs  CSS Creator - site profile CSS Layouts - forum profile Unwanted white space between divs
Unwanted white space between divs
Empty space between divs!?!  CSS Creator - site profile Beginners CSS Questions - forum profile Empty space between divs!?!
Empty space between divs!?!
Remove Space Between DIVs  Webmaster-Talk.com Webmaster Forum - Web Design, Coding, SEO Forums - site profile CSS Forum - forum profile Remove Space Between DIVs
Remove Space Between DIVs
IE6 Extra vertical space between divs - HELP!  CodingForums.com- Web coding and development forums. Get help on JavaScript, PHP, CSS, XML, mySQL, ASP, and more! - site profile HTML & CSS - forum profile IE6 Extra vertical space between divs - HELP!
IE6 Extra vertical space between divs - HELP!
Unwanted white space between divs in IE  CodingForums.com- Web coding and development forums. Get help on JavaScript, PHP, CSS, XML, mySQL, ASP, and more! - site profile HTML & CSS - forum profile Unwanted white space between divs in IE
Unwanted white space between divs in IE
Space between divs  Webmaster Forum - Internet Marketing and Search Engine Forums - site profile HTML & Website Design - forum profile Space between divs
Space between divs
White space between divs in IE...  WebDeveloper.com - site profile CSS - forum profile White space between divs in IE...
White space between divs in IE...
Thread profile page for "Space between divs - Why?" on http://www.devshed.com. This report page is a snippet summary view from a single thread "Space between divs - Why?", located on the Message Board at http://www.devshed.com. This thread profile page shows the thread statistics for: Total Authors, Total Thread Posts, and Thread Activity