Hi,
I have a problem with the following page:
http://nmfm.freezope.org/help
(I pasted the source below as well)
I'd like to achieve with <div>s and CSS (first set of boxes on that
page) the same result that I get with the <table> (second set of
boxes).
The question is, the 2 <div>s inside the outer <div> need to have the
same
height, which is not fixed (ie, I can't put a "height: ##px" in the
style
attribute) but should be given by the content of the 2 divs.
In the end, the div with less content (thus shorter) should be the
same height as the taller one.
I can't give an 100% height to them because I don't know in advance the
height
of the outer div.
I can make this work in Mozilla and FireFox by using "display:
table-cell"
for the two <div>s, but IE doesn't seem to handle this.
Thanks in advance,
Nuno
#### Source #####
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HEAD>
<TITLE>HELP!</TITLE>
</HEAD>
<BODY>
<p>xxxx</p>
<div style="border: 1px solid red; padding:0; position: relative;
width: 154px;">
<div style="width: 100px; border: 1px solid green; margin: 0; float:
left; "> 1<br>1<br>1<br> 1<br>1<br>1<br> 1<br>1<br>1<br> 1<br>1<br></div>
<div style="width: 50px; border: 1px solid blue; float: left; margin:
0;">pppc xzc</div>
</div>
<p style="clear: both">xxxx</p>
<table cellpadding="0" cellspacing="0" style="border: 1px solid red;">
<tr>
<td style="width: 100px; border: 1px solid green; margin:
0;">1<br>1<br>1 <br>1<br>1<br>1 <br>1<br>1<br>1 <br>1<br>1<br ></td>
<td style="width: 50px; border: 1px solid blue; vertical-align:
top;">pppc xzc</td>
</tr>
</table>
</BODY>