SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    67
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    body only takes up a small part of the page

    check it out with the firefox inspector, the body only takes up a tiny part of the page, why?
    trying to put page browsing links at the bottom but they get hidden behind the subscribe button because the body is so small
    so wierd
    http://mw3dailymedia.com/edit/

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    I've moved this to the CSS forum, as it's not a PHP question.

    You have a lot of floated elements sitting directly on the body element. It would be better to wrap all of your content in a "wrapper" div (one or more) and then set overflow: hidden on that div so that it wraps around the contents. A container element doesn't wrap around floated contents by default. overflow: hidden on the container is the easiest way to change this, but it has bad consequences if you do that on the body element itself.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Hello . One reason is b ecause you basically have two parents in that page. One is absolutely positioned so there is no way that the parent can know it's there. It's taken out of the flow .

    Next one, #paragraph, has all the content basically, but it's all floated inside. That takes elements out of the flow as well. The parent doesn't even konw it's there. YOu need to contain the floats and thus allow the body to extend its' height.

    Try adding overflow:hidden; to #paragraph and you'll see the body extend (because #paragraph gets taller due to it containing the children, and as a result the body gets bigger from seeing #paragraph got bigger)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    67
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks guys, works great
    sorry for posting in the wrong forum,
    i should have realized it was a css problem


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
  •