CODEWITHSUNDEEP
css
Devi
Devi

Reputation: 336

White spaces added at end of body

I am having the following css

html {
margin: 0;
padding: 0;
position:relative;
}

body {
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}

#content{
background-color: #efeeef;
clear: both;
padding-bottom: 35px;
}

And its my HTML Page 

<html>
<body>
<div id="content">             
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"/>
 </div>

enter image description here

If the content of body is small white spaces are added like in the above image(white spaces added in the red mark). How can I remove that? Any help?

Upvotes: 1

Views: 110

Answers (1)

Pranav
Pranav

Reputation: 8871

You need to set min-height for content :-

#content{
background-color: #fffaaa;
clear: both;
padding-bottom: 35px;
min-height:600px;
}​

see the DEMO

Upvotes: 1

Related Questions