[SOLVED] Float positioning..

[zeeshan_haider000]

Hi,

When i have two div id items, div#1 is floated to the right while div#2 to the left, the problem is that when i input a new div after the above divs, the new div shows up underneath the above divs? i haven't used 'position' param for any of the above divs...

here is the code:

#headright
{
padding: 10px;
float: right;
width: 300px;
height: 400px;
outline: solid #0000CC;
outline-width: 1px;
background: inherit;
overflow: hidden;
margin: 0 auto;
}

#headleft
{
padding: 10px;
float: left;
width: 590px;
height: 400px;
outline: solid #666666;
outline-width: 1px;
background: inherit;
margin: 0 auto;
}

#footer
{
width: auto;
text-align: center;
vertical-align: middle;
background: #000000;
color: #CCCCCC;
font-size: 12px;
text-transform: capitalize;
margin: 10px auto auto auto;
padding: 10px;
}

[Axeia]

you'll need to float the third one as well if you want it to be next to it.

[zeeshan_haider000]

you'll need to float the third one as well if you want it to be next to it.

 

Oh i solved it, i removed the line "float:left" from #headleft and it worked.