SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Footer Missplacement

    Hello,

    This page: http://www.midwestwebdesign.ws/alumn...e_academy.aspx

    Can anyone spot why the footer isn't at the bottom of the page? This one is being a problem child. I've looked for the 30 minutes and can't find it. Any eyes that see something I'm not would be appreicated.
    Ryan Butler

    Midwest Web Design

  2. #2
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's because of this :

    Code:
    /*committee chair id placement*/
    #committee_chair
    {
    	position:absolute;	
    	top:400px;
    	left:200px;
    }
    /*committee members id placement*/
    #committee_members
    {
    	position:absolute;	
    	top:400px;
    	left:500px;
    }
    Tha absolute positioning takes these out of the flow of the document, so your footer ends up near the top.

    If you change it to this :

    Code:
    #committee_chair
    {
    	position:relative;	
    
    }
    /*committee members id placement*/
    #committee_members
    {
    	position:relative;	
    
    }
    you'll be more-or-less there. If you need to position the names, why not use margin-left or something else like padding?

    I hope this helps.

  3. #3
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Need a score card for all of this

    Keep forgetting how absolute and floating work together. I floated them and changed the order in the HTML flow and everything is fine. Thanks for the other suggestions as well.
    Ryan Butler

    Midwest Web Design


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
  •