473,323 Members | 1,551 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,323 software developers and data experts.

Stick content to bottom

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.
Jul 21 '05 #1
11 7492
Mr.Clean wrote:
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.


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/

Mike
Jul 21 '05 #2
Mr.Clean wrote:
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.


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
Jul 21 '05 #3
In article <t_********************@golden.net>, gu********@netscape.net
says...
Mr.Clean wrote:
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.


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.

nope, don't work...
Jul 21 '05 #4
In article <11*************@corp.supernews.com>, ms***@yahoo.com says...
Mr.Clean wrote:
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.


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/

Tried the CSS techinques here and they still didn't work for me.
Jul 21 '05 #5
Mr.Clean wrote:
In article <t_********************@golden.net>, gu********@netscape.net
says...
Mr.Clean wrote:
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.


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.


nope, don't work...


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

<!-- <h2> REMOVED !!! -->
<div class="infotitle">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>
<!-- </h2> REMOVED !!! -->

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 !!! */
}
Jul 21 '05 #6
In article <o6********************@golden.net>, gu********@netscape.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.
Jul 21 '05 #7
Mr.Clean wrote:
In article <o6********************@golden.net>, gu********@netscape.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.


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
Jul 21 '05 #8
In article <Mq********************@golden.net>, gu********@netscape.net
says...
Mr.Clean wrote:
In article <o6********************@golden.net>, gu********@netscape.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.


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.

I made the changes as per your instructions and it still
didn't work.
Jul 21 '05 #9
In article <Mq********************@golden.net>, gu********@netscape.net
says...
Mr.Clean wrote:
In article <o6********************@golden.net>, gu********@netscape.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.


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.

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
Jul 21 '05 #10
Mr.Clean wrote:
In article <Mq********************@golden.net>, gu********@netscape.net
says...
Mr.Clean wrote:
In article <o6********************@golden.net>, gu********@netscape.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.


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.


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


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
Jul 21 '05 #11
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?


Apparently it is working now.
I can't explain why it didn't work after making those changes.
Jul 21 '05 #12

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: chris ciotti | last post by:
Hello all - I'm trying to position content at the bottom of a page (I'd like to anchor it there). The majority of the code was generated using Photoshop CS and then hand edited. I'm having...
0
by: Vincent | last post by:
Dear all, I have implemented a class to export the content of RichTextBox to image in WYSISYG mode so that line breaks on the screen are the same as exported. C# Code: public struct...
11
by: Grischa Brockhaus | last post by:
Hi, I'm trying to produce a div layout containing a header on the top with fixed height, a footer on the bottom using fixed height and a content layer using what's left of the browsers window. ...
7
by: PB | last post by:
Hi, I need some CSS layout guidance because I think I've been staring at this too long! I designed my layout using Photoshop, then sliced everything up and saved as a CSS web page. My...
8
by: Amit | last post by:
I have a master page and a content page but the stylesheet isnt getting applied like how it looks in visual studio design view. The master page is defined like this: <%@ Master Language="VB"...
4
Eep²
by: Eep² | last post by:
I'm trying to change the Firefox extension Scrollbar Anywhere so the mouse cursor does not move when scrolling. Here's the code but I don't know what to change: // Constants const sbawLeftButton ...
1
by: pixelfreaks | last post by:
Hello, I am having a problem in aligning the sidebar and content area in a webpage. I am using css. Consider the below layout. __________________________________________ | ...
1
by: Lagon666 | last post by:
Hi How can i stick tabs to left. Now it has 40px distance to left. <style> #Content { background-color: #fafafa; border: 1px solid #a2b6cb; padding: 10px;
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.