Hai,

I had a main div and two child divs inside that .. I need to arrange as follows ..

-------------------------------------------------
| | |
| child div 1 | child div 2 |
| | |
| | |
-------------------------------------------------

the height of the child div is dynamic. I had the code .. but didn't working in FF and opera... works fine only in IE...

my code

<div align="left" style="width:800px;height:auto;clear:both;background-color:#FFFFFF;">
<div style="width:100px;height:100px;background-color:#990000;float:left;"></div>
<div style="width:100px;height:200px;background-color:#0000FF;float:left;"></div>
</div>

Anyone please help to fix this problem

Thanks in Advance
Rajeesh

Put this css property in the main div.

overflow: hidden

Float overlap to its parent and element followed after it. You can add the clear div after the two float divs. Here is example

<div style="clear:both"></div>

Good luck..

Thanks

The problem solved
Thank you very much

Put this css property in the main div.

overflow: hidden

Float overlap to its parent and element followed after it. You can add the clear div after the two float divs. Here is example

<div style="clear:both"></div>

Good luck..

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.