Re: [WSG] positioning help needed

2008-12-11 Thread color links
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

2008-12-11 Thread David Hucklesby
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

2008-12-11 Thread Essential eBiz Solutions Ltd
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
***



Re: [WSG] positioning help needed

2008-12-10 Thread Rob D
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

2008-12-10 Thread William Simpson
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

2008-12-10 Thread David Dorward

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

2008-12-10 Thread Rob D
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

2008-12-10 Thread kevin mcmonagle

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]
***