List,
This may be old news, but I have not done a layout like this before. I
need a 3 col layout, with only one (largest, content area) column
being of flexible width. I have a start, with 2 fixed-width cols
absolutely positioned, and the 3rd w/o a declared width margined over
next to the other 2.
I have a sinking feeling that this approach is asking for trouble. Can
anyone suggest an alternative? I have googled, but I think I'm just
not using the right search criteria...
Initial code:
<style type="text/css" media="all">
*{margin: 0; padding: 0;}
body{font: .9em/1.3 Constantina,Georgia,'Nimbus Roman No9 L',serif;}
#wrap{position: relative; min-width: 940px; padding-right: 10px;}
#nav{position: absolute; width: 150px; left: 0; top: 0;
background-color: #ddd;}
#listing{position: absolute; width: 250px; left: 150px; top: 0;
background-color: #eee;}
#mainContent{position: relative; margin-left: 400px; background-color:
#fff;}
</style>
<div id="wrap">
<div id="nav">
</div>
<div id="listing">
</div>
<div id="mainContent">
</div>
</div>
Thanks a lot.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
