Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Why is my DIV falling down the page?

  1. #1
    Join Date
    Jul 2006
    Posts
    497
    Thanks
    8
    Thanked 70 Times in 70 Posts

    Default Why is my DIV falling down the page?

    My problem is at http://jesdisciple.110mb.com/; I believe the layout is from here. The content div, because it has 100% width, refuses to stay beside the menu div.

    But the page hasn't always had this problem; where'd I mess up? Thanks!
    Last edited by Jesdisciple; 08-10-2008 at 04:25 AM.
    -- Chris
    informal JavaScript student of Douglas Crockford
    I like wikis - a lot.

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    looks right to me...
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. The Following User Says Thank You to TheJoshMan For This Useful Post:

    jbert (08-10-2008)

  4. #3
    Join Date
    Jul 2006
    Posts
    497
    Thanks
    8
    Thanked 70 Times in 70 Posts

    Default

    Scroll down the page to "So... This is my home page (for now)." That should be up top. The problem is more severe on longer pages, e.g. http://jesdisciple.110mb.com/site.php.
    -- Chris
    informal JavaScript student of Douglas Crockford
    I like wikis - a lot.

  5. #4
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    add this:

    Code:
    #leftcolumn {
    background:#5588CC none repeat scroll 0 0;
    border-right:3px solid #CC8855;
    float:left;
    height:100%;
    position:absolute;
    width:247px;
    }
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  6. The Following 2 Users Say Thank You to TheJoshMan For This Useful Post:

    jbert (08-10-2008),Jesdisciple (08-10-2008)

  7. #5
    Join Date
    Jul 2006
    Posts
    497
    Thanks
    8
    Thanked 70 Times in 70 Posts

    Default

    That's a step in the right direction, but now the footer is stalking the content... http://jesdisciple.110mb.com/

    Thanks!
    -- Chris
    informal JavaScript student of Douglas Crockford
    I like wikis - a lot.

  8. #6
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    Code:
    #contentwrapper {
    float:left;
    height:100%;
    padding-bottom:24px;
    width:100%;
    }

    and...

    Code:
    #footer {
    background:black none repeat scroll 0 0;
    clear:both;
    color:#FFFFFF;
    display:block;
    height:24px;
    padding:4px 0;
    text-align:center;
    width:100%;
    }
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  9. The Following 2 Users Say Thank You to TheJoshMan For This Useful Post:

    jbert (08-10-2008),Jesdisciple (08-10-2008)

  10. #7
    Join Date
    Jul 2006
    Posts
    497
    Thanks
    8
    Thanked 70 Times in 70 Posts

    Default

    That almost did it. Check the Site section; the content goes off the page. I think I remember it doing this before...
    -- Chris
    informal JavaScript student of Douglas Crockford
    I like wikis - a lot.

  11. #8
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    no problem
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  12. The Following 2 Users Say Thank You to TheJoshMan For This Useful Post:

    jbert (08-10-2008),Jesdisciple (08-10-2008)

  13. #9
    Join Date
    Jul 2006
    Posts
    497
    Thanks
    8
    Thanked 70 Times in 70 Posts

    Default

    Erm... I apparently edited my post as you submitted yours.

    But I really do appreciate your help either way.
    -- Chris
    informal JavaScript student of Douglas Crockford
    I like wikis - a lot.

  14. #10
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    Well, firebug is really going nuts on me... so I can't reallly do much to try to help... but my first suggestion would be to try putting the
    Code:
    <div id="footer">© 2008 Jesdisciple</div>

    OUTSIDE the maincontent DIV, preferably right before the </body> tag
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

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
  •