SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard silver trophy
    beley's Avatar
    Join Date
    May 2001
    Location
    LaGrange, Georgia
    Posts
    6,117
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Help with CSS Layout!

    I have redesigned a clients' site in all CSS to help his search engine rankings and load times (whoever designed it before had about 1000 nested tables and hundreds of lines of unneccessary code).

    Anyway, I've got it all working except the footer... can't figure out how to set that up. I want it to display below all the main columns.

    Check out the old site:
    http://www.dug-outtrivia.net/

    The new page:
    http://www.dug-outtrivia.net/style_test.html

    Stylesheet:
    http://www.dug-outtrivia.net/style.css

    Any advice would be appreciated! Thanks...

  2. #2
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My advice to you would be to move away from absolute positiong and just use a fluid flow wrapping the text and menu in one div so the that next div, the footer, follows on below the main content.

    Give the menu div a width, float it left and the right div with the content, give it a margin-left greater than the menu.

  3. #3
    SitePoint Wizard silver trophy
    beley's Avatar
    Join Date
    May 2001
    Location
    LaGrange, Georgia
    Posts
    6,117
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Well, there are several parts, the header, three columns in the layout and the footer. Would your suggestion work for all of them?

  4. #4
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, just ensure you wrap the 3 cols inside one div and the footer follows on after them inside its own div.

  5. #5
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You might have to add clear: both; to your footer CSS style

  6. #6
    SitePoint Zealot willoworks's Avatar
    Join Date
    May 2003
    Location
    Trappe, MD
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When I just viewed in IE6, the right column was overlaying the content.. Just an observation

  7. #7
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Try something like Doug's 3cols2 layout, shown here


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
  •