Why is there overflow here?

Royce Roy 2250 08 Apr 2013

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.

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!

Ask by Royce Roy

Updated 08 Apr 2013

AVADHESH PATEL 08 Apr 2013

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!

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

forum