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 5 of 5

Thread: CSS overlays

  1. #1
    Regular Coder
    Join Date
    Nov 2008
    Posts
    317
    Thanks
    159
    Thanked 0 Times in 0 Posts

    CSS overlays

    Everything in my right column goes over each other.

    I put a border around them so you could see.

    You can't even see the #add me wrap.

    Thanks. DurkMusicBeats . com
    durkmusicbeats . com

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Well, you have a few problems (check things out in FF) besides this. Your center div is overlapping everything in the right div anyway but we'll save that for later.

    For now, try removing height:26px; from #searchpanel. This will allow your poll to drop below the news feed, but then you've got a problem with the bottom border being violated. I'm not sure I have time to keep working past that right now but at least you've got your content mostly visible again.

    I'll also say that you can skip the float:left; and float:right; in the items inside of the right banner anyway. That probably isn't related to the overall problem but it's extra code you don't need.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    cincinnatiboy4867 (04-04-2009)

  • #3
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Actually, if you remove the overflow:auto; from the center div it fixes the overlapping center div in FF, so while you're in there...
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    cincinnatiboy4867 (04-04-2009)

  • #4
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    ...and then add clear:both; to #bottompanel. That fixes the violation of the bottom border when the right content is dropped to where it belongs. Man, I'm good!
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    cincinnatiboy4867 (04-04-2009)

  • #5
    Regular Coder
    Join Date
    Nov 2008
    Posts
    317
    Thanks
    159
    Thanked 0 Times in 0 Posts
    Dang! Your definitely one of (if not) the best help ever! Thanks so much
    durkmusicbeats . com


  •  

    Posting Permissions

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