0

Hello.

I managed to place few DIVs, one below another in container DIV.
The container DIV has fixed height (about the height of 2 inner DIVs).
The problem is that the inner DIVs are drawn, in one "column", down and out of the container.

How can I make them start new "column" when reaching the height of the container?

Thanks.

4
Contributors
3
Replies
4
Views
5 Years
Discussion Span
Last Post by Fernando_Gomez
0

If you want the divs to be placed side by side, you can float them in this manner.

#div1{float:left;width:##px}
#div2{float:right;width:##px}

Aside from setting the float property, you should also set the correct width for each.

0

post your mark up just to make sure... usually using the 'float' css property does the trick, floating creates a left to right (float: left) or right to left (float: right) flow. The parent elemet of floating blocks does not changes height automatically according to children unless it has the 'overflow' property set to 'hidden'. Divs are also placed one next to another (not below) when the 'display' property is set to 'inline' or 'inline-block'. The most convenient way depends on what you want to achieve.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.