Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5

Thread: CSS Footers?

  1. #1
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    Here's the deal:
    I'm redesigning my site, http://www.wcdarchives.com, using purely css for layout and formatting. However, I have run into a problem with the layout; as you can see, my current site is "vertically liquid", meaning the content area expands or contracts depending on how big the browser window is, and the bottom cells of the table, the footer, remains locked to the bottom edge of the window.

    My question is, how can I achieve this same effect with CSS, using no tables, and works equally well in all browsers?
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)

  2.  

  3. #2
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    here is a good article to read on this subject from alistapart.com

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


  4. #3
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    yeah, i already read that

    I am having trouble solving my problem though, cuz not only is the footer going to move as the browser is resized, but the content box also needs to decrease and increase in height as the browser does. (take a look at my current page, using tables, to see the effect i am talking about.)

    Update:I am close to solving the problem, using sorta of a trick with background images, i will post a link soon.
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)

  5. #4
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    UPDATE: I figured it out! Take a look: http://www.wcdarchives.com/v4

    (I haven't put all the bg images in yet, its still in the experimentation stage)


    EDIT: Actually, I just tested in IE, and it doesnt work on there. I tried using alistapart.com's hack for this problem, but still no good. If anyone can fix this, please let me know. Thanks.
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)

  6. #5
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    YET ANOTHER UPDATE: This time it really works! I figured out how to correcty use the IE box model hack and was able to solve my problem. The design now works perfectly in both IE and firefox. (stil have to test in the other browsers).

    Take a look: http://www.wcdarchives.com/v4

    For anyone that has not used the box model hack, i suggest you take a look at this link from alistapart.com, It is VERY useful when making your site render the same on IE and gecko browsers:
    http://tantek.com/CSS/Examples/boxmodelhack.html
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:59 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com