Home > DeveloperSection > Forums > Why is there overflow here?
Royce Roy
Royce Roy

Total Post:134

Points:938
Posted on    April-08-2013 3:10 AM

 CSS-CSS3 CSS-CSS3 
Ratings:


 1 Reply(s)
 867  View(s)
Rate this:
Hi Everyone!

I have a simple page with a top menu a right menu and a board in the middle.

see http://jsfiddle.net/pXXNv/

But i keep getting overflow for no obvious reason.

If i remove

height:100%;
from body html the problem is solved but why is the div bigger then 100% i cant find the answer.

Thanks in advance!


AVADHESH PATEL

Total Post:604

Points:4228
Posted on    April-08-2013 7:56 AM

Hi Royce!

In this case (Since there are only fixed positions) only html needs height:100%, not body

html { 
    height:100%;
}
body { 
    margin:0px; 
    font-family:Open Sans,helvetica, arial, san-serif; 
    /*background-image:url('achtergrond.png');*/
    background-repeat:repeat-x;
    background-color:#ffffff;    
    padding:0px; 
}

I hope it helpful for you!

Don't want to miss updates? Please click the below button!

Follow MindStick