TCrabtree wrote: > I'm having a number of problems trying to kick the tables habit.
Good :-) > http://www.tusculum.edu/new/css/front.html Looks like you are over-styling and over-complicating things a bit, and quite possibly got an or two ID wrong in your stylesheet. It is also quite possible that I have misunderstood what you're trying to achieve, but the pieces fit together quite well the way I see it. The following will work... HTML: <div id="mainimage"> <img src="photo.png" width="529" height="235" alt="illustration (or something suitable)"> <div id="frontside"> left menu lists will go here<br><br><br> </div> </div> CSS: #mainimage{ width: 758px; background:#666; display: table; } #mainimage img{ float: right; margin-left: -4px /* safety-margin */; } #frontside { float: left; background:#F90; padding:5px; width: 219px; } Note that #frontside is 229px wide since padding is added to width in all standard compliant browsers. Not so in older IE5.x win, where the width _is_ only 219px. If you want all browsers to make #frontside the same width, then you'll have to delete the padding and correct width to 229px. The above is tested for identical result in Opera 9.01, Firefox 1.5.0.7 and IE6. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
