Forum Moderators: not2easy
Doctype is <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> and both code and CSS validate fine.
The framework of the code and the relevant CSS are below. Any help would be much appreciated.
<body>
<div id='wrap'>
<div id="main">
<div id="nav">
<ul>
<li</li>
</ul>
</div><!--end div nav-->
<br />
<div style="overflow:auto; height:268px; width:435px">
<table>
<tr>
<td class="name"><br /><span class="company"> </span></td>
<td class="bodytext" rowspan="2"> </td>
</tr>
<tr>
<td colspan="2">
<p> </p></td>
</tr>
<tr>
<td class="name"> <br /><span class="company"> </span></td>
<td class="bodytext" rowspan="2"> </td>
</tr>
<tr>
<td colspan="2">
<p> </p></td>
</tr>
</table>
</div><!--end div overflow-->
</div><!-- end div main -->
<div id="sidebar">
(There are just some images in here)
</div><!-- end div sidebar -->
<br class="clear" />
</div> <!-- end div wrap -->
</body>
#wrap {
width:745px;
padding-top:5px;
padding-bottom:5px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
}
#main {
float:left;
width:430px;
text-align: left;
line-height:1.2;
padding:20px;
background-color: #FFF;
margin-top:5px;
margin-right:5px;
list-style:none;
}
#sidebar {
float:right;
width:260px;
padding:5px;
margin-top:20px;
list-style:none;
background: #fff;
border: none;
}
.clear {
clear:both;
}
Thank you!
Tanya
There's no prediction how a browser will render that, in fact the CSS standard gives the freedom to do as they see fit.
[w3.org...] :
See rule #5 and the example below (which is almost what you have above.
<table>
<tr><td>1 </td><td rowspan="2">2 </td><td>3 </td><td>4 </td></tr>
<tr><td colspan="2">5 </td></tr>
</table>User agents are free to visually overlap the cells, [...], or to shift the cell to avoid the visual overlap, [...].
