Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > css "div" bottom of window or bottom of content.

Thread Tools

css "div" bottom of window or bottom of content.

Posts: n/a

check this out in 1024x768..

here is what i want to have happen (under any resolution.. trying to make
this a fluid site)...

the bottom nav bar.. (all contained within a div).. should be either at the
bottom of the browser window, or at the bottom of the content, which ever is

meaning.. say i don't put any content in. just one line of content.. that
nav bar should be at the bottom of the page. But say i put a ton of content
in.. the bottom nav bar should be at the bottom of the content...

how do i do this.. it seems i can get it to do one or the other.. but now

I can do the following to get it always at the bottom:
bottom: 0px

but if i have a lot of content, the content will go under that, and end up
being UNDER the nav.

I can just give it no position, and the div is place in normal position
after the content. But if there is not much content, i'll end up with the
nav bar in the middle of the page!!

I used to be able to do the same thing with tables like this:

<Table height="100%">
<tr><td height="1%"><!-- top nav here --></td></tr>
<tr><td height="99%"><!-- content here --></td></tr>
<tr><td height="1%"><!-- bottom nav here--></td></tr>

HOw do i get the same in positions 3 divs on a page? Do i need to create a
4th div to contain these 3 divs?

Dan Foley
Principal Partner - Director of Information Technology
__________________________________________________ __________
Mica Media - Web Design/Development - Print - CD-ROM - Audio/Video

Reply With Quote
ainigma ainigma is offline
Junior Member
Join Date: Apr 2008
Posts: 1
Does nobody have an answer for this? This seems like a basic task or css requirement but I haven't been able to find any kind of solution for this problem. Hours if not days have been spent searching.
Reply With Quote

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
How do we know the memory arrangement using in microprocessors? Top-Bottom or Bottom-Top? Cuthbert C Programming 8 09-13-2006 12:09 PM
CSS to put text at bottom of browser window, or page bottom, whichever is lower? Noozer HTML 1 03-13-2006 10:35 AM
css bottom && center Jan Faerber HTML 4 03-14-2005 10:26 AM
CSS Border Bottom Effect: <h1> vs Using A Class Lauri Raittila HTML 7 03-03-2005 06:21 PM
Using CSS to align a div to the very bottom of the page (inc. other absolute divs) Andrew HTML 1 01-12-2005 05:51 PM