WHY IS THERE OVERFLOW HERE?

Royce Roy

Total Post:149

Points:1043
Posted by  Royce Roy
 1077  View(s)
Ratings:
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!
  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: Why is there overflow here?

    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!

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!