Re: [WSG] Flow from bottom?
On 04/04/2004, at 10:23 AM, Tim Shortt wrote: russ weakley wrote: One method - not tested but in theory: Place the content inside a container, and apply absolute positioning to the container: #contaner {position: absolute; left: 20px; bottom: 20px;} The container will set at the bottom of the viewport or its containing box and the content will flow up rather than down. Russ I was lurking and took the liberty of trying this, and the content indeed stuck to the bottom of it's container. However, once the window was resized smaller (vertically), a scollbar would not appear. So the top-most content moved up and cut off at the top of the browser. Any ideas on how to prevent the top content from cutting off? There is a similar problem with some browsers not providing scroll bars on centred+fixed width content, which I found could be avoided if the fixed-width container had a 1px border on the sides... I don't have the source code you guys are both working of, but it's worth a try. --- Justin French http://indent.com.au * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] Flow from bottom?
IE Win wll leave a 1pixel space when you absolutely position from the bottom or the right, or more if you actually have white space in your code. Try removing any line breaks – this should get rid of the worst of it. http://css.nu/pointers/bugs-ie.html http://www.csscreator.com/css-forum/ftopic2581.html&sid=d5f9e1408a602f90a000282a0293bf15 James -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sam Walker Sent: Sunday, 4 April 2004 10:51 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Flow from bottom? Thanks. I'm not entirely sure why it works, but it does seem to. However, it off-sets the content from the bottom by a few pixels. I replaced the bottom:20px and top:20px with 0px, and it seems to work fine, but it still leaves a few pixels of space underneath, even with margin and padding at 0. Anyone know why? Also, it seems like this makes my content completely disappear in IE Mac.. On Apr 3, 2004, at 4:02 PM, russ weakley wrote: position: absolute; left: 20px; bottom: 20px;
Re: [WSG] Flow from bottom?
I'm new to the list and wanted to contribute this link on footers from A List Apart that might help: http://www.alistapart.com/articles/footers/ it uses Javascript and CSS. later, Z Z u l e m a O r t i z W e b D e s i g n e r email : [EMAIL PROTECTED] website : http://zoblue.com/ Sam Walker wrote: I'm not sure exactly ho the explain this, but I'll give it a shot. I'm making some good progress on my first real standards-compliant css and xhtml page. On one of the pages, I would like the page to flow "up" instead of "down". For example, in a normal page, if you just had one paragraph, it would display as close to the top of the page as the style-sheet allows. All other elements flow downwards from the top. What I want it to do is flow from the bottom – so, if I just had that one paragraph, it would be displayed at the /Bottom/ of the page. Then all elements after it would push it upwards, so everything would still be in the same order, just anchored to the bottom rather than the top. Surely there's a way to do this with CSS? I've looked around a bit, but can't find anything relevant. -Sam Walker * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Flow from bottom?
Here's a simplified sample: http://asan102.spymac.net/flowup/info.html Sorry, it's add-supported hosting, so there's a generated frame. Also, the CSS covers multiple pages, so most of it is irrelevant to this sample, I just don't have the time to go through and clean it up. Hope this will help. The bar with the PeelingPaper logo is meant to be flush with the bottom of the page, with the paragraphs flowing up from that point. -Sam Walker On Apr 3, 2004, at 7:43 PM, James Ellis wrote: Do you have a URL? Maybe there is another way to do this that could be helped along with something visual. Cheers James * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Flow from bottom?
HI Sam Do you have a URL? Maybe there is another way to do this that could be helped along with something visual. Cheers James Sam Walker wrote: Yes, I notice that now that I try it with more content. Perhaps there' another way without so many problems? On Apr 3, 2004, at 6:23 PM, Tim Shortt wrote: russ weakley wrote: One method - not tested but in theory: Place the content inside a container, and apply absolute positioning to the container: #contaner {position: absolute; left: 20px; bottom: 20px;} The container will set at the bottom of the viewport or its containing box and the content will flow up rather than down. Russ I was lurking and took the liberty of trying this, and the content indeed stuck to the bottom of it's container. However, once the window was resized smaller (vertically), a scollbar would not appear. So the top-most content moved up and cut off at the top of the browser. Any ideas on how to prevent the top content from cutting off? -Tim * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Flow from bottom?
Yes, I notice that now that I try it with more content. Perhaps there' another way without so many problems? On Apr 3, 2004, at 6:23 PM, Tim Shortt wrote: russ weakley wrote: One method - not tested but in theory: Place the content inside a container, and apply absolute positioning to the container: #contaner {position: absolute; left: 20px; bottom: 20px;} The container will set at the bottom of the viewport or its containing box and the content will flow up rather than down. Russ I was lurking and took the liberty of trying this, and the content indeed stuck to the bottom of it's container. However, once the window was resized smaller (vertically), a scollbar would not appear. So the top-most content moved up and cut off at the top of the browser. Any ideas on how to prevent the top content from cutting off? -Tim * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Flow from bottom?
Thanks. I'm not entirely sure why it works, but it does seem to. However, it off-sets the content from the bottom by a few pixels. I replaced the bottom:20px and top:20px with 0px, and it seems to work fine, but it still leaves a few pixels of space underneath, even with margin and padding at 0. Anyone know why? Also, it seems like this makes my content completely disappear in IE Mac.. On Apr 3, 2004, at 4:02 PM, russ weakley wrote: position: absolute; left: 20px; bottom: 20px;
Re: [WSG] Flow from bottom?
russ weakley wrote: One method - not tested but in theory: Place the content inside a container, and apply absolute positioning to the container: #contaner {position: absolute; left: 20px; bottom: 20px;} The container will set at the bottom of the viewport or its containing box and the content will flow up rather than down. Russ I was lurking and took the liberty of trying this, and the content indeed stuck to the bottom of it's container. However, once the window was resized smaller (vertically), a scollbar would not appear. So the top-most content moved up and cut off at the top of the browser. Any ideas on how to prevent the top content from cutting off? -Tim * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Flow from bottom?
One method - not tested but in theory: Place the content inside a container, and apply absolute positioning to the container: #contaner {position: absolute; left: 20px; bottom: 20px;} The container will set at the bottom of the viewport or its containing box and the content will flow up rather than down. Russ > I'm not sure exactly ho the explain this, but I'll give it a shot. > > I'm making some good progress on my first real standards-compliant css > and xhtml page. On one of the pages, I would like the page to flow "up" > instead of "down". For example, in a normal page, if you just had one > paragraph, it would display as close to the top of the page as the > style-sheet allows. All other elements flow downwards from the top. > What I want it to do is flow from the bottom so, if I just had that > one paragraph, it would be displayed at the Bottom of the page. Then > all elements after it would push it upwards, so everything would still > be in the same order, just anchored to the bottom rather than the top. > > Surely there's a way to do this with CSS? I've looked around a bit, but > can't find anything relevant. > > -Sam Walker * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] Flow from bottom?
I'm not sure exactly ho the explain this, but I'll give it a shot. I'm making some good progress on my first real standards-compliant css and xhtml page. On one of the pages, I would like the page to flow "up" instead of "down". For example, in a normal page, if you just had one paragraph, it would display as close to the top of the page as the style-sheet allows. All other elements flow downwards from the top. What I want it to do is flow from the bottom – so, if I just had that one paragraph, it would be displayed at the Bottom of the page. Then all elements after it would push it upwards, so everything would still be in the same order, just anchored to the bottom rather than the top. Surely there's a way to do this with CSS? I've looked around a bit, but can't find anything relevant. -Sam Walker