Re: [WSG] positioning help needed
ok u should metnion sidebar height then solve ur problem ... On Wed, Dec 10, 2008 at 5:33 PM, kevin mcmonagle [EMAIL PROTECTED] wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Here is the css on that div: #sidebar { position: absolute; left: 51em; padding: 115px 0.4em 2em 2.5em; color: #606263; top:0; } #sidebar * { max-width: 40em; } #sidebar .column { float: left;width: 15em; margin-right: 18px; } heres the example: http://www.gortahork.eu/en *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] positioning help needed
On Wed, 10 Dec 2008 12:03:46 +, kevin mcmonagle wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Nope. Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.[1] heres the example: http://www.gortahork.eu/en Try using a floated construction instead. Examples here: http://blog.html.it/layoutgala/ [1] http://www.w3.org/TR/CSS21/visuren.html#choose-position Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] positioning help needed
Your problem is the sidebar, you need to make the position of it relative, then the footer will pop underneath it. To keep the sidebar liquid just float it to the right and use em's for the height, width etc. Many Thanks Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 6, Gibson Place, Meir, Stoke-on-Trent, Staffordshire, ST3 5PQ. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Hucklesby Sent: 11 December 2008 20:39 To: wsg@webstandardsgroup.org Subject: Re: [WSG] positioning help needed On Wed, 10 Dec 2008 12:03:46 +, kevin mcmonagle wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Nope. Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.[1] heres the example: http://www.gortahork.eu/en Try using a floated construction instead. Examples here: http://blog.html.it/layoutgala/ [1] http://www.w3.org/TR/CSS21/visuren.html#choose-position Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.552 / Virus Database: 270.9.15/1835 - Release Date: 07/12/2008 16:56 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] positioning help needed
Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Here is the css on that div: #sidebar { position: absolute; left: 51em; padding: 115px 0.4em 2em 2.5em; color: #606263; top:0; } #sidebar * { max-width: 40em; } #sidebar .column { float: left;width: 15em; margin-right: 18px; } heres the example: http://www.gortahork.eu/en *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] positioning help needed
Hi Kevin, I'm not sure if this will help but I always use .brclear { font-size: 1px; line-height: 0; clear: both; height: 0; } after the last floated object on a page. This has fixed footer floating issues for me before. hope it helps Rob On Wed, Dec 10, 2008 at 4:03 AM, kevin mcmonagle [EMAIL PROTECTED] wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Here is the css on that div: #sidebar { position: absolute; left: 51em; padding: 115px 0.4em 2em 2.5em; color: #606263; top:0; } #sidebar * { max-width: 40em; } #sidebar .column { float: left;width: 15em; margin-right: 18px; } heres the example: http://www.gortahork.eu/en *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] positioning help needed
Yup, *clear: both* is the critical rule that allow the footer to clear both floating divs above it. -Josh S. On Wed, Dec 10, 2008 at 11:26 AM, Rob D [EMAIL PROTECTED] wrote: Hi Kevin, I'm not sure if this will help but I always use .brclear { font-size: 1px; line-height: 0; clear: both; height: 0; } after the last floated object on a page. This has fixed footer floating issues for me before. hope it helps Rob On Wed, Dec 10, 2008 at 4:03 AM, kevin mcmonagle [EMAIL PROTECTED] wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Here is the css on that div: #sidebar { position: absolute; left: 51em; padding: 115px 0.4em 2em 2.5em; color: #606263; top:0; } #sidebar * { max-width: 40em; } #sidebar .column { float: left;width: 15em; margin-right: 18px; } heres the example: http://www.gortahork.eu/en *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] positioning help needed
William Simpson wrote: Yup, /clear: both/ is the critical rule that allow the footer to clear both floating divs above it. #sidebar { position: absolute; left: 51em; padding: 115px 0.4em 2em 2.5em; color: #606263; top:0; } ... is not floating. Unless you can predict the height of absolutely positioned content (you usually can't) or want to rearrange the document with JavaScript after initial rendering (nasty), then placing content below absolutely positioned content should generally be forgotten about. http://css-discuss.incutio.com/?page=CssLayouts has a bunch of points to basic layouts that you can look at. If you have a footer, then you probably want something based around floats, not abs pos. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] positioning help needed
So its... br class=brclear / On Wed, Dec 10, 2008 at 8:26 AM, Rob D [EMAIL PROTECTED] wrote: Hi Kevin, I'm not sure if this will help but I always use .brclear { font-size: 1px; line-height: 0; clear: both; height: 0; } after the last floated object on a page. This has fixed footer floating issues for me before. hope it helps Rob On Wed, Dec 10, 2008 at 4:03 AM, kevin mcmonagle [EMAIL PROTECTED] wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Here is the css on that div: #sidebar { position: absolute; left: 51em; padding: 115px 0.4em 2em 2.5em; color: #606263; top:0; } #sidebar * { max-width: 40em; } #sidebar .column { float: left;width: 15em; margin-right: 18px; } heres the example: http://www.gortahork.eu/en *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] positioning help needed
David Dorward wrote: ... is not floating. Unless you can predict the height of absolutely positioned content (you usually can't) or want to rearrange the document with JavaScript after initial rendering (nasty), then placing content below absolutely positioned content should generally be forgotten about. Cheers David, thats what I needed to know. That link you sent is dead on thanks a million... -best kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***