i'm stuck on a css layout with left, center and right columns. left and right columns have fixed width, and the center column fills the gap in between. how do i make a table in the center column the full width (using css or otherwise)? works as expected in firefox, but having troubles with internet explorer. any help greatly appreciated. example code below;
<html>
<head>
<title>test</title>
<style type="text/css">
#left { width: 100px; float: left; border: 1px solid red; }
#right { width: 100px; float: right; border: 1px solid red; }
#middle { width: auto; margin: 10px 110px; padding: 10px; border: 1px solid red; }
table#a { width: 100%; border: 1px solid green; }
table#b { width: auto; margin-left: 0; margin-right: 0; border: 1px solid blue; }
</style>
</head>
<body>
<div id="left">left</div> <div id="right">right</div>
<div id="middle"> <table id="a"><tr><td>100% table</td></tr></table> <br /> <table id="b"><tr><td>auto width table</td></tr></table> </div>
</body> </html>
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
