Re: [css-d] left sidebar float problems
Matt, You are the man. I've been looking for that. Every other solution I've seen has drawbacks such as tallest content must come in a certain column, background color doesn't flow down, requires JS, etc. Nice work. Geoff On Feb 10, 2008 2:34 AM, Matthew Taylor [EMAIL PROTECTED] wrote, in part: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm - Matt =) __ 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] left sidebar float problems
Hi Lisa, The layout you are working from may not be ideal. The idea of using extremely long side columns and then chopping them off to make them equal is neat but it fails if you use anchor links within the content. May I suggest my 3 column layout instead: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm It is a more robust design, has equal height columns, the main column comes first in the source, it works in all the common web browsers and it doesn't use any CSS hacks. Check out this link for browser compatibility screenshots: http://browsershots.org/http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm I hope that helps - Matt =) Matthew James Taylor http://matthewjamestaylor.com I have a website I'm working on. What I am trying to do is to have the sidebar carry down with the content so that it appears seamless. I've been reading http://www.alistapart.com/articles/holygrail and trying to follow instructions. Now it seems I have too much sidebar carrying down..I'm so beyond frustrated, please advise.I need HELP! The site link is as follows: http://www.webgirlwebdesigns.com/testing/TriBeam/index.html I've tried adjusting the em variables and can't make it work. Any help would be appreciated. Thanks Lisa __ 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-d] left sidebar float problems
I have a website I'm working on. What I am trying to do is to have the sidebar carry down with the content so that it appears seamless. I've been reading http://www.alistapart.com/articles/holygrail and trying to follow instructions. Now it seems I have too much sidebar carrying down..I'm so beyond frustrated, please advise.I need HELP! The site link is as follows: http://www.webgirlwebdesigns.com/testing/TriBeam/index.html In my sidebar css, I have the following: #sidebar { width: 180px; background-color: #E7F5FE; padding-left: 5px; padding-right: 5px; border-left: 1px solid #75B4D4; border-right: 1px solid #75B4D4; border-top: 1px solid #75B4D4; position: absolute; top: 87px; overflow: hidden; padding-bottom: 400em; /* X + padding-bottom */ margin-bottom: -400em; /* X */ height: 23px; } I've tried adjusting the em variables and can't make it work. Any help would be appreciated. Thanks Lisa Disclaimer: This message is confidential. It may also be privileged or otherwise protected by work product immunity or other legal rules. If you have received it by mistake, please let us know by e-mail reply and delete it from your system; you may not copy this message or disclose its contents to anyone. Please send us by fax any message containing deadlines as incoming e-mails are not screened for response deadlines. The integrity and security of this message cannot be guaranteed on the Internet. Any views or opinions presented in this email are solely those of the author and do not necessarily represent those of the company. __ 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/