On Mon, May 17, 2010 at 9:19 PM, Tom Livingston <tom...@gmail.com> wrote:
> 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>
What are you trying to do? A link will help to help you.
--
"If we can but prevent the government from wasting the labours of the
people, under the pretence of taking care of them, they must become
happy." - Thomas Jefferson
______________________________________________________________________
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/
