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.htmlsid=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?
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?
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
*
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?
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?
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?
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?
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 *
