Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Aug 2002
    Location
    New York, NY
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS Float Issue ... and content flowing out of boxes...

    Having some CSS problems with this page...
    http://216.172.188.228/~mfse/passengers/qualifications/
    I'm not a great programmer, so maybe you can help with two problems...

    Sidebar should float right, and text should wrap around it
    As you will see, my side bar is flush right .... but the paragraph text is NOT wrapping around the boxes. The text starts BELOW the boxes. I checked my styles, but I don't see why it's doing this. Can someone help me fix this?

    Text flowing outside my content box...
    Second, scroll down to the bottom of the page. You will see that the paragraph text flows outside of the white page. The text should all be contained inside the area. Can someone help with this also??

    Thanks.

    D.

  • #2
    New Coder
    Join Date
    Aug 2011
    Posts
    38
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Jabbamonkey View Post
    Having some CSS problems with this page...
    http://216.172.188.228/~mfse/passengers/qualifications/
    I'm not a great programmer, so maybe you can help with two problems...

    Sidebar should float right, and text should wrap around it
    As you will see, my side bar is flush right .... but the paragraph text is NOT wrapping around the boxes. The text starts BELOW the boxes. I checked my styles, but I don't see why it's doing this. Can someone help me fix this?

    Text flowing outside my content box...
    Second, scroll down to the bottom of the page. You will see that the paragraph text flows outside of the white page. The text should all be contained inside the area. Can someone help with this also??

    Thanks.

    D.
    this may help. under the css 'entry' add...

    #entry {
    overflow: auto;
    }

  • #3
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,269
    Thanks
    10
    Thanked 277 Times in 276 Posts
    And for the first item, your style:
    Code:
    .entry p {
        clear: left;
        float: left;
    }
    Could do without the float:left, as far as I can see.

    Dave

  • #4
    New Coder
    Join Date
    Aug 2002
    Location
    New York, NY
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    Awesome. So simple.
    Is there any easy way to make the text WRAP around the side boxes? Right now it is treating the right side boxes like a full column. If it's possible changing the styles ... could I wrap the text under the boxes?

  • #5
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,269
    Thanks
    10
    Thanked 277 Times in 276 Posts
    Yes, remove the overflow:auto you just added. Then remove the clear:both from your h2 and h3 tags, so that they don't drop you below the sidebar.

    Dave

  • #6
    New Coder
    Join Date
    Aug 2002
    Location
    New York, NY
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Cool. Thanks again!


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •