My off-the -wall guess is you need three layouts. A 3-col layout as described, a 2-col layout with a narrow sidebar on the left, and a 2-col layout with a narrow sidebar on the right. Easy enough if it's a static site-- different page for each layout.
If it is an "if situation" where the amount of content, and which layout is appropriate, are unknowns then you're probably after a programming solution rather than CSS solution?
hey i did the coding for the 3 column layout as u said..its working fine in firefox but not in IE i.e the wisth of content is not getting properly ..plzz can u check my code
This is the 3 column layout i am using
http://www.cssplay.co.uk/layouts/3cols.html
and in the html the work around
[PHP] <?php if ($right);else echo "<style type=\"text/css\" media=\"all\">#center {margin-right:0;} #container{border-right:0px;}#inner { margin-right:0px;} *html #center {margin-right:0;} *html #container{border-right:0px;} *html #inner { margin-right:0px;} </style>"; ?>
<?php if ($left);else echo "<style type=\"text/css\" media=\"all\">#center {margin-left:0;} #container{border-left:0px;}#inner { margin-left:0px;} *html #center {margin-left:0;} *html #container{border-left:0px;} *html #inner { margin-left:0px;} </style>"; ?>
<?php if ($right);elseif($left);else echo "<style type=\"text/css\" media=\"all\">#center {margin-left:0;margin-right:0;} #container{border-left:0px;border-right:0px;}#inner { margin-left:0px;margin-right:0px;} *html #center {margin-left:0;margin-right:0;} *html #container{border-left:0px;border-right:0px;} *html #inner { margin-left:0px;margin-right:0px;}</style>"; ?>
[/PHP]