/    Sign up×
Community /Pin to ProfileBookmark

making content flush with bottom of browser

Copy linkTweet thisAlerts:
Dec 11.2006

Good morning! I have two stacked tables. I would like the bottom table to always be flush with the bottom of the browser.

top table:

[code=html]<table width=”100%” height=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>[/code]

bottom table:

[code=html]<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>[/code]

In Mozilla, this [I]does[/I] make the bottom table flush with the bottom of the browser but leaves white space between the content and copyright tables, causing a need for extra scrolling.

In IE, on pages where the content is less than the resolution (and no scrolling is needed), the bottom table is directly after the top table instead of at the bottom of the screen. How do I make the bottom table to always be flush with the bottom of the browser in any browser?

Thanks in advance!

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@rbraggauthorDec 11.2006 — Thank you for the link! However, I've looked at this and tutorials like it all afternoon to no avail. Maybe someone can help with my particular problem:

[code=html]html, body { height:100%; }
#contain { position:relative; min-height:100%; height:100%; }
#content { height:auto; }
#footer { position:absolute; bottom:0; width:100%; height:50px; }[/code]
[code=html]<div id="contain">

<div id="content"><table width="100%" height="100%"></table></div>
<div id="footer"><table></table></div>

</div>[/code]I have the same problems as mentioned in my first post.
×

Success!

Help @rbragg spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...