|
Posted by boeledi on 10/11/07 12:24
Hello,
I have the following problem with DIVs, embedded in table TDs.
In two words, I would like to have one DIV per TD, each of these DIV
taken the full size.
Here is an example:
<html>
<head>
<style>
.clsFull {width:100%;height:100%;background-color:#ff0;border:1px
solid #000;}
</style>
</head>
<body>
<table cellpadding=2 cellspacing=2 border=1 width=90%>
<tr>
<td colspan=4>
<div class="clsFull" style="height:60px;"><p>Header</p></div>
</td>
</tr>
<tr>
<td colspan=2 width=50%>
<div class="clsFull"><p>Left</p></div>
</td>
<td colspan=2 rowspan=2 width=50%>
<div class="clsFull"><p>Right</p></div>
</td>
</tr>
<tr>
<td colspan=2 width=50%>
<div class="clsFull" style="height:100px;"><p>Left 2</p></div>
</td>
</tr>
<tr>
<td colspan=3>
<div class="clsFull" style="height:200px;"><p>Down Left</p></div>
</td>
<td width=25%>
<div class="clsFull"><p>Down Right</p></div>
</td>
</tr>
</table>
</body>
</html>
The result is that everything is correct EXCEPT "Right" et "Down
Right" parts. The corresponding DIVs are not sized correctly in the
sense that it is not 100% width and height.
Could anyone help me?
Many thanks
[Back to original message]
|