SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,967
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    overflow hidden on body tag

    I have a weird thing going in this test page. There should be 3 columns. It works basically fine when I have overflow: hidden on the body tag (don't ask me why). When I take the overflow out, it shows as you now see it in the example! Can someone tell me why?

    Thank you in advance
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,634
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    remove height 100% from the wrapper.

  3. #3
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,967
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by PicnicTutorials View Post
    remove height 100% from the wrapper.
    I just took that off but it didn't change a thing as you will see in the example page
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,622
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    It's not really clear what you are aiming for here. There isn't enough room for three columns at the moment. You'd have to modify the width setting to allow for three columns:

    Code:
    #content {
    width: 70%;
    margin: 3% 2% 0;
    float: left;
    }

  5. #5
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,967
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ralph. It should be enough width. I just added the overflow hidden back as a property on the body and voila three columns.
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,622
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Well, two columns for me. There is nowhere near enough room there in the #content div for three columns. What browser are you using?

    shot1.jpg

  7. #7
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,967
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ralph. I have seen it in Firefox, Chrome and IE9. And like I said I only see it as I have planned when I have the property overflow: hidden on the body tag. What should I do. I could work with pixels instead but I would like to have the design responsive or should I use a combined sollution?.

    Thank you in advance

    Edit: I have changed the width for the list_items to a percentage as well (33%) and now it seems to work, at least for me
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)


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
  •