SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    jigga jigga what? slider's Avatar
    Join Date
    Oct 2002
    Location
    Utah (USA)
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    getting a footer to act like a footer...

    http://www.sitepointforums.com/showt...threadid=81487

    Very nice tip in that thread.
    Code:
    <body style="margin: 0, 0, 0, 0;">
    
    <div style="position: absolute; left: 0px; top: 0px; background-color: #098234; width: 200px; height: 100%;">
    	<p>left nav area</p>
    </div>
    <div style="position: absolute; left: 200px; right: 0px; background-color: #EFEFEF;">
    	<div style="width: 100%;">
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    		<p>main content area</p>
    	</div>
    </div>
    <div style="position: absolute; left: 200px; right: 0px; bottom: 0px; background-color: #898989;">
    	<div style="width: 100%;">
    		<p>footer area</p>
    	</div>
    </div>
    
    </body>
    Horrible colors I know.

    I'd like to have this third div stick to the bottom of the main page area, but if there's enough content in the main area, then it pushes the footer div out the bottom of the window. I want a footer that acts like a footer.

    Anybody know how to do that?

    edit: posted bad code first time
    Last edited by slider; Nov 2, 2002 at 01:11.
    $slider = 'n00b';

  2. #2
    jigga jigga what? slider's Avatar
    Join Date
    Oct 2002
    Location
    Utah (USA)
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Was I too scatter-brained in my first post for anyone to make sense out of it?

    Let me restate the question to see if that helps anyone be able to answer it.

    For simplicity's sake just think of a one column layout. At the bottom of every page I'd like to have a small area for either the typical simple text site links, or the other typical copyright/disclaimer info. I want this information to stick to the bottom of the page (think div with bottom: 0px set). BUT if there's enough content on one of the pages to flow off the visible page and cause the scroll bar to activate, I want this bottom div to also be pushed off the screen and stay at the bottom of the content.

    Anybody know how to do that?
    $slider = 'n00b';


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •