Controlling Placement on Page

Is there a way to control the placement of something relative to to
browser's page size? Specifically, I want to display a small line
denoting the "update" date at or near the bottom of the displayed screen
page. The only way I've gotten anything to work is to use a series of
<br> tags, which is kludgey and doesn't work the same in different
browsers (e.g. works in SeaMonkey but spills over into a 2nd screen in
IE7).
I've also tried to use a <div> (my page has several) at the bottom of
the code, but that fails completely - it stuffs the text in between 2
other <div> sets. I'd be happy if I could simply have this small <div>
be placed below everything else in that page...but I assume that will be
inconsistently rendered as well. Any thoughts? TIA

http://midtownmuseumdistrict.org/Businesses03.html

On 2009-08-03, Mike Copeland <mrc2323 (AT) cox (DOT) net> wrote:

Is there a way to control the placement of something relative to to
browser's page size?

Yes, position: fixed.

Specifically, I want to display a small line
denoting the "update" date at or near the bottom of the displayed screen
page.

Having set position: fixed, set bottom to the distance from the bottom
you want it. e.g.

bottom: 1em;

Mike Copeland wrote:

Is there a way to control the placement of something relative to to
browser's page size? Specifically, I want to display a small line
denoting the "update" date at or near the bottom of the displayed screen
page.

<snip>

http://midtownmuseumdistrict.org/Businesses03.html

In your stylesheet:

#menu{position:auto; ....................
^^^^^^^^^^^^^^
No idea what you want to accomplish here. In any case it does nothing.
Remove it.
See <http://www.w3.org/TR/CSS21/visuren.html#propdef-position> for
valid values for the position property.

Also see:
<http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2 Fmidtownmuseumdistrict.org%2FBusinesses03.html>

In your markup:

<div style=""> <!-- I'd like this line near or at the bottom of the
page.-->
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br><br>
<p class="small">Last site update: 3-Aug-2009</p>
</div>

Remove the complete line of <br>'s and in your quote portion of
style="" add:

position:fixed; bottom:0;

Of course it would be better to class the div and place the rules in
your stylesheet.

Most IE browsers have problems with "fixed", so I recommend the site
update information to be shown at the bottom of the document rather than
the bottom of the viewport which then requires replacing fixed with
absolute .

--
Gus