Hi Guys,
I have a few quick question I hope someone can help me with.

How can I get the footer to remain fixed at the bottom of my page.
Also, is there a way to get my pages to remain consistent and expand and
contract? I've noticed a significant difference in vertical positioning in
different browsers, especially safari.

Thanks,

Steve

<Footer to remain fixed at the bottom of my page.>
Where is your footer now if not the bottom of your page? Perhaps you mean
something like this?
http://alt-web.com/CSS2-Sticky-Text-Demo.html

<Pages that expand and contract>
http://alt-web.com/CSS2-Liquid-Page.html

<Pages that remain consistent>
http://alt-web.com/2-column-fixed-width-template.html

If by consistent you mean across all browsers and platforms, that's the
black art of web design. Browser variability is what inspired the
conditional comment. If your pages break apart, first check to be sure it's
not a coding error.

CSS Validator
http://jigsaw.w3.org/css-validator/

HTML Validator
http://validator.w3.org


--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com


"self_taught" <webforumsuser@macromedia.com> wrote in message
news:g6l9vu$nfv$1@forums.macromedia.com...
> Hi Guys,
> I have a few quick question I hope someone can help me with.
>
> How can I get the footer to remain fixed at the bottom of my page.
> Also, is there a way to get my pages to remain consistent and expand and
> contract? I've noticed a significant difference in vertical positioning
in
> different browsers, especially safari.
>
> Thanks,
>
> Steve
>

Nancy,
Thank you for your solution, you've enlightened me on how to make a container
"sticky" (neat trick) but unfortunately it's not the solution to my problem.

Status of my pages: No errors.

Here's specifically what is occurring:
Obviously web pages expand and contract with the amount of content that is
placed within those pages. Some pages are 2000px while others are 600px. What
i'm looking to achieve is not a fixed "white space" at the the bottom of each
page, but a liquid space (moves accordingly). I presently have an image
background that is slightly larger than my "body container" that allows a
slight shadow to be seen around my page. I've tried to adjust the "body
container" to 100% minimum height & height with no success. When I fix the
container at 950px (I have to do this to hide the sides of the image toward the
bottom) it works but the footer does not adjust to the change in container
size, there's a white space at the bottom of the page after the footer. What I
would like to accomplish is either get the footer to be fixed at the bottom of
the 950px "body container" (not the greatest solution) where I would loose it
from view or allow the "body container" to become liquid, which in this case it
would expand and contract depending on screen size or browser being used.

I hope I explained this properly.

I appreciate your help,

Steve

I forgot to add that I also have many pages with dynamic content, the issue is
intensified on these pages. More records, page grows, less records, page
shrinks. The problem is on the pages with less content and the huge white space
at the bottom of the pages when I used a fixed vertical container.

I'm attaching my css:

Body and container:
body {
font-size: 62.5%;
margin: 0px auto;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../img/background_body_grey.gif);
background-repeat: repeat-y;
background-position: center top;
}
.page-container-1 {
width: 770px;
margin: 0px auto;
padding: 0px;
background: url(../img/background_layout_1.gif) top left repeat-y;
border: solid 1px rgb(100,100,100);
min-height: 950px;

Footer:

.footer {overflow: hidden; clear: both; width: 770px; height: 3.0em; margin:
0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125);
background-color: rgb(128,161,202); color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em;
font-size: 110%;}

If I'm reading you correctly, your bg image needs to be sliced into sections
so that your page can flex accordingly.

Basic tutorial bringing three image slices into a CSS layout.
http://alt-web.com/Image-slices-in-a...ed-layout.html

Advanced tutorial: Taking a Fireworks comp to a CSS based layout in DW
http://www.adobe.com/devnet/firework...youts_pt1.html


--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com


"self_taught" <webforumsuser@macromedia.com> wrote in message
news:g6m2eh$ii4$1@forums.macromedia.com...
> I'm attaching my css:
>
> Body and container:
> body {
> font-size: 62.5%;
> margin: 0px auto;
> padding: 0px;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> background-image: url(../img/background_body_grey.gif);
> background-repeat: repeat-y;
> background-position: center top;
> }
> .page-container-1 {
> width: 770px;
> margin: 0px auto;
> padding: 0px;
> background: url(../img/background_layout_1.gif) top left repeat-y;
> border: solid 1px rgb(100,100,100);
> min-height: 950px;
>
> Footer:
>
> .footer {overflow: hidden; clear: both; width: 770px; height: 3.0em;
margin:
> 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125);
> background-color: rgb(128,161,202); color: rgb(255,255,255); font-size:
1.0em;}
> .footer p {margin: 0px; padding: 0px; text-align: center; line-height:
1.3em;
> font-size: 110%;}
>