0

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

3
Contributors
3
Replies
8
Views
7 Years
Discussion Span
Last Post by Parveenkumar
0

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..

0

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..

This question has already been answered. 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.