causing a table cell to stretch the entire screen

liunx

Guest
Hi<br />
<br />
Take a look at this sample code:<br />
<br />
<html><br />
<body><br />
<table border="1" cellspacing="0" cellpadding="0" width="100%"><br />
<tr><br />
<td width="100%">title</td><br />
</tr><br />
<tr><br />
<td style="position:relative;width:100%; height:100%; z-index:0;"><br />
<!-- here I place a div at a specific screen coorinates (it spans to the right of the screen. I am doing it on purpose.--><br />
<div style="position:absolute; left:500; top:40;width:1000px;height:20px"></div><br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
The div span to the right of the screen which causes a horizontal scrollbar to apparear (which is excellent). The problem is that the top row of the table doesn't stretch to fit the entire screen. If I scroll horizontally, I can see it cut off where the edge of the screen is. <br />
Is there a way to cause it to stretch all the way, even if a scrollbar exists?<br />
<br />
thanks in advance<!--content-->I do not see any tabular data that requires the use of <table> :rolleyes:<!--content-->I was using a simplified version of my code to deliver the problem.<br />
My actual code requires the table.<!--content-->
 
Back
Top