CSS float problem

Zeb Rehman

Div Problem

My name is Khan

--------------------------------------------------------
--------------------------------------------------------

The problem in the above file is that the data is out of the maincontainer. But when i delete the float from the container its again came into the the container. How can i make the 4 subcontainer classes data into the container class division tag without using specific number for the height tag in maincontainer class(It should be done using height:auto;)???
Thanks in advance...

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manoj Rajput14y ago
hi,
there are so many solutions but best one is

add overflow:hidden; to .maincontainer that's it.
or
add float:left; to .maincontainer
Manoj Rajput14y ago

Div Problem

My name is Khan

My name is Khan

My name is Khan

My name is Khan
nandu H14y ago
hi,
there are so many solutions but best one is

add overflow:hidden; to .maincontainer that's it.
Suthish Nair14y ago

just set width for main container..

.maincontainer{
margin:20px;
border:2px solid black;
padding:5px;
width:1000px
}