Stick content to bottom

**mscir** · Jul 21 '05, 01:07 AM

Re: Stick content to bottom

Mr.Clean wrote:[color=blue]
> I'd like to know how to "tack" a DIV to the bottom of the browser window
> This would also have to observe all other content in the flow.
>
> Please see this:
> http://www.austinmetrobaseball.com/2...ign/index.html
>
> The "Want to join AMBL?" content area I'd like to have stuck to the
> bottom below the standings at all times, no matter how wide the
> browser is.[/color]

If you google for 'footer div' you'll get lots of interesting hits. This
one looks like it does what you're describing:

Exploring Footers

http://www.alistapart.com/articles/footers/

With old-school table layout methods, vertical positioning is a piece of cake. With CSS layout, it’s a piece of something else. New ALA contributing writer Bobby van der Sluis shows how to re…

Mike

**Gus Richter** · Jul 21 '05, 01:07 AM

Re: Stick content to bottom

Mr.Clean wrote:[color=blue]
> I'd like to know how to "tack" a DIV to the bottom of the browser window
> This would also have to observe all other content in the flow.
>
> Please see this:
> http://www.austinmetrobaseball.com/2...ign/index.html
>
> The "Want to join AMBL?" content area I'd like to have stuck to the
> bottom below the standings at all times, no matter how wide the
> browser is.[/color]

For the item in question, you have the div and table wrapped in H2.
Headings may contain only inline entities - remove the h2 opening and
closing tags, since they are not needed and add clear:left; to the
infotitle class and the item will be below the standings.

--
Gus

**Mr.Clean** · Jul 21 '05, 01:08 AM

Re: Stick content to bottom

In article <t_Wdnb5g-d45i4nfRVn-sw@golden.net>, gusrichter@nets cape.net
says...[color=blue]
> Mr.Clean wrote:[color=green]
> > I'd like to know how to "tack" a DIV to the bottom of the browser window
> > This would also have to observe all other content in the flow.
> >
> > Please see this:
> > http://www.austinmetrobaseball.com/2...ign/index.html
> >
> > The "Want to join AMBL?" content area I'd like to have stuck to the
> > bottom below the standings at all times, no matter how wide the
> > browser is.[/color]
>
> For the item in question, you have the div and table wrapped in H2.
> Headings may contain only inline entities - remove the h2 opening and
> closing tags, since they are not needed and add clear:left; to the
> infotitle class and the item will be below the standings.
>
>[/color]
nope, don't work...

**Mr.Clean** · Jul 21 '05, 01:08 AM

Re: Stick content to bottom

In article <1117qt7oat0vh3 1@corp.supernew s.com>, mscir@yahoo.com says...[color=blue]
> Mr.Clean wrote:[color=green]
> > I'd like to know how to "tack" a DIV to the bottom of the browser window
> > This would also have to observe all other content in the flow.
> >
> > Please see this:
> > http://www.austinmetrobaseball.com/2...ign/index.html
> >
> > The "Want to join AMBL?" content area I'd like to have stuck to the
> > bottom below the standings at all times, no matter how wide the
> > browser is.[/color]
>
> If you google for 'footer div' you'll get lots of interesting hits. This
> one looks like it does what you're describing:
>
> http://www.alistapart.com/articles/footers/
>[/color]

Tried the CSS techinques here and they still didn't work for me.

**Gus Richter** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

Mr.Clean wrote:[color=blue]
> In article <t_Wdnb5g-d45i4nfRVn-sw@golden.net>, gusrichter@nets cape.net
> says...
>[color=green]
>>Mr.Clean wrote:
>>[color=darkred]
>>>I'd like to know how to "tack" a DIV to the bottom of the browser window
>>>This would also have to observe all other content in the flow.
>>>
>>>Please see this:
>>>http://www.austinmetrobaseball.com/2...ign/index.html
>>>
>>>The "Want to join AMBL?" content area I'd like to have stuck to the
>>>bottom below the standings at all times, no matter how wide the
>>>browser is.[/color]
>>
>>For the item in question, you have the div and table wrapped in H2.
>>Headings may contain only inline entities - remove the h2 opening and
>>closing tags, since they are not needed and add clear:left; to the
>>infotitle class and the item will be below the standings.
>>
>>[/color]
>
> nope, don't work...[/color]

Of course it works! No idea what you've done, if anything.
Your page is still unchanged - html and css.
Note the two html changes and one css change below.

--
Gus


<div class="infotitl e">Want to join AMBL?</div>
<table border="0" cellpadding="0" cellspacing="0" width="800">

<tr>
<td>
<p>
[DELETED STUFF FOR THIS EXCERPT ONLY]
</p>
</td>
</tr>
</table>


div.infotitle {
background-color: #CB0017;
border-bottom: 1px solid #00318C;
color: #FFFFFF;
font-family: Arial, "Veranda", sans-serif;
font-size: 13px;
font-weight: bold;
padding: 3px 10px;
margin-top: 0px;
text-align: center;
clear: left; /* added !!! */
}

**Mr.Clean** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

In article <o6ednTvTvZ-X0ojfRVn-hw@golden.net>, gusrichter@nets cape.net
says...[color=blue]
> Of course it works!
>[/color]

I think you better look again, my friend.
The "Want to Join AMBL?" section IS NOT below the standings.

**Gus Richter** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

Mr.Clean wrote:[color=blue]
> In article <o6ednTvTvZ-X0ojfRVn-hw@golden.net>, gusrichter@nets cape.net
> says...
>[color=green]
>>Of course it works!
>>[/color]
>
>
> I think you better look again, my friend.
> The "Want to Join AMBL?" section IS NOT below the standings.[/color]

Friend,
What is wrong with you, your browsers or with my instructions?
Here is your page with only my changes included:

<http://www.home.golden .net/~richterf/BaseballLeague_ 1.html>

I will keep it up only for a couple of days.

--
Gus

**Mr.Clean** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

In article <MqWdnTNCb7SmuI vfRVn-1Q@golden.net>, gusrichter@nets cape.net
says...[color=blue]
> Mr.Clean wrote:[color=green]
> > In article <o6ednTvTvZ-X0ojfRVn-hw@golden.net>, gusrichter@nets cape.net
> > says...
> >[color=darkred]
> >>Of course it works!
> >>[/color]
> >
> >
> > I think you better look again, my friend.
> > The "Want to Join AMBL?" section IS NOT below the standings.[/color]
>
> Friend,
> What is wrong with you, your browsers or with my instructions?
> Here is your page with only my changes included:
>
> <http://www.home.golden .net/~richterf/BaseballLeague_ 1.html>
>
> I will keep it up only for a couple of days.
>
>[/color]
I made the changes as per your instructions and it still
didn't work.

**Mr.Clean** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

In article <MqWdnTNCb7SmuI vfRVn-1Q@golden.net>, gusrichter@nets cape.net
says...[color=blue]
> Mr.Clean wrote:[color=green]
> > In article <o6ednTvTvZ-X0ojfRVn-hw@golden.net>, gusrichter@nets cape.net
> > says...
> >[color=darkred]
> >>Of course it works!
> >>[/color]
> >
> >
> > I think you better look again, my friend.
> > The "Want to Join AMBL?" section IS NOT below the standings.[/color]
>
> Friend,
> What is wrong with you, your browsers or with my instructions?
> Here is your page with only my changes included:
>
> <http://www.home.golden .net/~richterf/BaseballLeague_ 1.html>
>
> I will keep it up only for a couple of days.
>
>[/color]
Also, the CSS at this link does not have your "clear: left;"
added to the div.infotitle as per your instructions.

404 Not Found

http://www.home.golden.net/~richterf/BaseballLeague_files/ambl_main.css

**Gus Richter** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

Mr.Clean wrote:[color=blue]
> In article <MqWdnTNCb7SmuI vfRVn-1Q@golden.net>, gusrichter@nets cape.net
> says...
>[color=green]
>>Mr.Clean wrote:
>>[color=darkred]
>>>In article <o6ednTvTvZ-X0ojfRVn-hw@golden.net>, gusrichter@nets cape.net
>>>says...
>>>
>>>
>>>>Of course it works!
>>>>
>>>
>>>
>>>I think you better look again, my friend.
>>>The "Want to Join AMBL?" section IS NOT below the standings.[/color]
>>
>>Friend,
>>What is wrong with you, your browsers or with my instructions?
>>Here is your page with only my changes included:
>>
>> <http://www.home.golden .net/~richterf/BaseballLeague_ 1.html>
>>
>>I will keep it up only for a couple of days.
>>
>>[/color]
>
> Also, the CSS at this link does not have your "clear: left;"
> added to the div.infotitle as per your instructions.
>
> http://www.home.golden.net/~richterf.../ambl_main.css[/color]

I used the style attribute so that you would be able to see both changes
in the html source. You are correct in that it should be moved to the
stylesheet. But it does work as you wanted, right?

--
Gus

**Mr.Clean** · Jul 21 '05, 01:09 AM

Re: Stick content to bottom

[color=blue]
> I used the style attribute so that you would be able to see both changes
> in the html source. You are correct in that it should be moved to the
> stylesheet. But it does work as you wanted, right?
>
>[/color]

Apparently it is working now.
I can't explain why it didn't work after making those changes.

Stick content to bottom

Stick content to bottom

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment