|
|
Posted by Chris F.A. Johnson on 08/19/06 18:06
On 2006-08-19, Paul Watt wrote:
>
>
>
> "Deryck" <deryck@REMOVElonghope.co.uk> wrote in message
> news:4klqo4Fcoj9jU1@individual.net...
>> Hi,
>>
>> I'm trying to rework someone's site. The original was all done in lots of
>> tables by Dreamweaver. I'm trying to implement a CSS solution. The site
>> has 3 columns (200px, 400px, 200px) centred in the middle of the screen
>> regardless of screen size. I cannot find a CSS 3 column equivalent of
>> this. The usual solutions have the 2 200px columns positioned absolutely
>> and the centre column expands to fill all of the remaining space. While
>> this has advantages it does not match the original site's appearance.
>>
>> If anyone can point me to the fixed column width solution I'd be very
>> grateful.
>>
>
> Couldnt you define a wrapper div of 800px width then have 3 columns floated
> within that wrapper? ie.
Why would you wnat to? If you define the wrapper at 800px, it will
only work well in a window that is exactly 800px wide. If the
window is smaller, it will require horizontal scrolling; if it is
larger, there will be empty space.
Define the wrapper by percent (e.g., width:80%;).
><style>
> .wrapper{width:800px;}
> .leftcol{float:left;width:200px}
> .centercol{float:left;width:400px}
> .rightcol{float:left;width:400px}
></style>
>
><body>
><div class="wrapper">
><div class="leftcol">something</div>
><div class="centercol">some more</div>
><div class="rightcol">even more</div>
></div>
></body>
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
[Back to original message]
|