Gunlaug Sørtun wrote:
> Scott Wilcox wrote:
>   
>> I was writing to you guys to see what pointers you have, and would 
>> suggest when it comes down to accessibility, usability, cross 
>> compatibility and general aesthetics too. I'm unsure of going to for 
>> a more web 2.0 look due to the fact its becoming increasingly 
>> overused. I'd still like to stay unique to a certain extent.
>>     

This list can't really help you on anything other than practical CSS 
issues, so I'd encourage those with advice for Scott in these areas to 
share it with him off-list.

>> I'm thinking of going for a three column, fluid width layout with 
>> three columns, left, content and centre (left and right being 
>> ~180-200px). Anyone's comments, ideas and links welcome :)
>>     
>
> Pick and choose...
> <http://css-discuss.incutio.com/?page=ThreeColumnLayouts>
>
> I still prefer to build two and three (and whatever) column layouts
> based on this...
> <http://www.alistapart.com/articles/negativemargins/>
> ...but maybe that's just me ;-)
>   

It's certainly not just you! :-)  Very popular layout method.

I prefer a flipped around version of the negative margin approach that 
avoids IE's tendency to drop floats when large content is thrown in the 
mix. For a really simple demo of this problem, see this page which uses 
Ryan Brill's negative margin method, view in IE, and narrow the page:
http://www.pixelsurge.com/experiment/negative_margins_1.html

Then compare with the method I usually use:
http://www.pixelsurge.com/experiment/negative_margins_2.html
(I did not invent this, and there are other more robust demos -- this is 
just a simple one.)

Of course, the type of layout you want to do, Scott, can just as easily 
be accomplished by floating the left column left, the right column 
right, and giving the center column appropriate side margins. Source 
order won't be as ideal, but this is a simpler and more foolproof method 
than negative margins can be.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


______________________________________________________________________
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/

Reply via email to