White space below footer-kill it!!!-help!

Discussion in 'CSS' started by IanT, Mar 20, 2010.

0
  1. #1
    I am trying to create my first CSS/HTML/PHP website from scratch, I have made the default CSS file, but when I go to the index.html page, It shows white space in both my designer as well as when viewing it locally.. how do you get rid of the annoying white space below the footer??

    thanks!!

    /* P-Style1.css; Http://www.PathologyResource.com ; © 2010, LindleyWood Development, All rights reserved. */
body {
	margin: 0;
	padding: 0;
}

#masthead {
	min-width: 600px;
}

#logo {
	background-color: #79baf2;
	float: left;
	width: 200px;
}

#header {
	background-color: #79baf2;
	margin-left: 200px;
}

#container {
	clear: both;
	min-width: 600px;
}

#left_col {
	background-color:#D7d7d9;
	float: left;
	width: 200px;
}

#page_content {
	background-color: #f2f2f2;
	margin-left: 200px;
}

#footer {
	padding: 10px;
	background-color: #4d5159;
	clear: both;
}
    Code (markup):

     
    IanT, Mar 20, 2010 IP
  2. chrisnyce

    chrisnyce Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Do you have a way to show us this in context?

    You may want to try removing the padding from your footer. Some browsers will also increase the width/height of a div with padding. For this you would deduct off of the width or height of the div the same amount of padding.

    Show us in context and i'm sure that someone will be able to help you if it isn't me.
     
    chrisnyce, Mar 23, 2010 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Aye, CSS without the HTML it's applied to is pretty much gibberish.

    Though I suspect with that #logo and #header div's you've probably got markup issues similar to your other thread.

    Not sure what you mean by white-space below the footer in any case - almost every page where the content is shorter than the screen has white-space below the footer; are you asking for a 100% min-height layout - where the footer is always 'fixed' at the bottom of the page if the content is shorter than the screen?
     
    deathshadow, Mar 23, 2010 IP