Hi everybody.
I've a (stupid) problem with a css layout and two boxes.
This is the situation:
<div ="box">
<div ="left">menu with 5 li element</div>
<div ="right">this is my dynamic text</div>
</div>
<div ="box">
<div ="left">menu with 5 li element</div>
<div ="right">this is my dynamic text this is my dynamic text<br>
this is my dynamic text this is my dynamic text<br>
this is my dynamic text this is my dynamic text<br>
this is my dynamic text this is my dynamic text<br></div>
</div>
<div ="box">
<div ="left">menu with 5 li element</div>
<div ="right">
this is my dynamic text this is my dynamic text<br>
this is my dynamic text this is my dynamic text<br>
[...]</div>
</div>
where:
.box { margin:10px; display: block; width: 98%; border: 1px solid
gray; min-height: 100px; height: auto !important;}
.left{width:15%; min-height: 100px; height:100% auto !important;
height: 100px; background-color: white; float:left;text-align:left}
.right {width:85%; min-height: 100px; height:100% auto !important;
height: 100px; float:left;background-color: #cdcdcd}
Well: everything is ok with Opera and Explorer but not with Firefox
(doesn't auto increase the size of the box if there is a big text)
Where is the problem?
What can I do?
Thanks a lot
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
