Re: [css-d] Three column variable width columns with padding
Hi Matthew, Hi Aaron, I have made a quick layout for you based on my 'Perfect 3 column liquid layout'. Here is the link: http://matthewjamestaylor.com/blog/perfect-3-column-thirds.htm Let me know how you go. Thanks, okay I have whitled it down a bit to the essentials :- http://www.aarongray.org/Examples/CSS/ThreeColumnVariableWidthColumns.html The CSS it totally weird, how did you derive it ? Aaron - Matt =) Matthew James Taylor http://matthewjamestaylor.com - Original Message - From: Aaron Gray [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Saturday, February 02, 2008 7:30 AM Subject: spam: [css-d] Three column variable width columns with padding Hi, I am after a format that has three variable with columns of 33% with padding on either side of each column. Many thanks in advance, Aaron __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Three column variable width columns with padding
Hi Aaron, The CSS it totally weird, how did you derive it ? It's hard to explain how I came up with the CSS for my layouts, but here goes... Basically there were two important things that needed to work. I needed full height column background colours and I wanted the main column to come first in the source even though it is second on the page (this was needed for good SEO). To make equal height columns work I had to make sure that the column background divs always stretched to the height of the longest column content. I did this by nesting the column background divs and I put the 3 divs of content in the centre, side by side. From here the position of each background div and content div is simply moved horizontally with relative positioning to the right place. Any overhang is cut off by an overflow:hidden on the outermost div. It took me a few weeks of experimenting before I came up with the final method that works in all browsers. My notebook now has pages and pages of weird boxes drawn all over the place along with lists of measurements and calculations. My friends must have thought I was going mad! - Matt =) Matthew James Taylor http://matthewjamestaylor.com Hi Matthew, Hi Aaron, I have made a quick layout for you based on my 'Perfect 3 column liquid layout'. Here is the link: http://matthewjamestaylor.com/blog/perfect-3-column-thirds.htm Let me know how you go. Thanks, okay I have whitled it down a bit to the essentials :- http://www.aarongray.org/Examples/CSS/ThreeColumnVariableWidthColumns.html The CSS it totally weird, how did you derive it ? Aaron __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Three column variable width columns with padding
I am after a format that has three variable with columns of 33% with padding on either side of each column. Okay got a working example :- http://www.aarongray.org/Examples/CSS/ThreeColumnVariableWidth.html Aaron __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Three column variable width columns with padding
Hi Aaron, I have made a quick layout for you based on my 'Perfect 3 column liquid layout'. Here is the link: http://matthewjamestaylor.com/blog/perfect-3-column-thirds.htm Let me know how you go. Great thanks alot, I could not get a footer to position properly on the example I was using. I see yours has a footer which is great. Many thanks Matt, Aaron - Matt =) Matthew James Taylor http://matthewjamestaylor.com - Original Message - From: Aaron Gray [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Saturday, February 02, 2008 7:30 AM Subject: spam: [css-d] Three column variable width columns with padding Hi, I am after a format that has three variable with columns of 33% with padding on either side of each column. Many thanks in advance, Aaron __ css-discuss [EMAIL PROTECTED] 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/ __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Three column variable width columns with padding
Hi Aaron, I have made a quick layout for you based on my 'Perfect 3 column liquid layout'. Here is the link: http://matthewjamestaylor.com/blog/perfect-3-column-thirds.htm Let me know how you go. - Matt =) Matthew James Taylor http://matthewjamestaylor.com - Original Message - From: Aaron Gray [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Saturday, February 02, 2008 7:30 AM Subject: spam: [css-d] Three column variable width columns with padding Hi, I am after a format that has three variable with columns of 33% with padding on either side of each column. Many thanks in advance, Aaron __ css-discuss [EMAIL PROTECTED] 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/ __ css-discuss [EMAIL PROTECTED] 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/
