CODEWITHSUNDEEP
csshtmlheight
Martina
Martina

Reputation: 1918

Issue with height: 100% and nested div

I know that is a popular problem, but I really ca't find a solution.. here my jsfiddle http://jsfiddle.net/vUqer/ As you can see, the 

  div id="layoutdueColonne"

go outside the

  div id="content"

Why? Thank you very much!

Upvotes: 1

Views: 56

Answers (3)

Olaf Dietsche
Olaf Dietsche

Reputation: 74018

You don't need the height and min-height in content and layoutdueColonne. When you remove them and add 

#content
{
    background-color: white;
    overflow: hidden;
}

You will see both sq1 and sq2 inside content.

JSFiddle

Upvotes: 2

Brian Metcalf
Brian Metcalf

Reputation: 169

Does adding 

overflow:scroll;

to your content div solve the problem, or am I missing something else?

http://jsfiddle.net/vUqer/2/

Upvotes: 0

SaidbakR
SaidbakR

Reputation: 13534

The float left and right for sq1 and sq2 causes this problem. As workaround, try to combine the two tables into one table or just accept the two tables to be vertically arranged.

Upvotes: 1

Related Questions