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 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2008
    Posts
    19
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Unwanted vertical gap

    I'm working on a site for my job and I can't seem to get rid of this weird gap.

    It's the light gray (background color) between the [OS Logos|Evolution Image] (graphicban) and the top line of the 3 line buffer set (gray - buffer, green - bufferx, gray - buffer)

    I've looked and looked and looked some more but cannot find the source of the gap in the CSS or the XHTML, and I'm 100% validated in both.

    If anyone sees my error, please help!

    The you can view the source from the page - http://computerevolution.net
    The CSS is located at http://computerevolution.net/style.css

    Thank you in advance,

    Toby


    UPDATE: using Firefox's web developer plugin, i was able to determine the gap is part of the graphicban div. it's under the two images, but in that div. still no idea why the space is there.
    Attached Thumbnails Attached Thumbnails Unwanted vertical gap-gap.png  
    Last edited by TobyBenjamin; 01-11-2008 at 05:56 AM.

  • #2
    Regular Coder
    Join Date
    Nov 2006
    Posts
    246
    Thanks
    13
    Thanked 26 Times in 24 Posts
    Add this to your CSS:

    Code:
    #graphicban
    {
    clear: right;
    width: 750px;
    background: #5A5C75;
    vertical-align: bottom;
    }
    #graphicban img
    {
    float:left;
    }
    Think you may have a typo in your CSS. You have a style called "graphban" in your CSS, and in the HTML, it's graphicban. If that's the case, just replace it with the CSS I gave, and it'll fix it.
    Last edited by Majoracle; 01-11-2008 at 06:24 AM.

  • Users who have thanked Majoracle for this post:

    TobyBenjamin (01-11-2008)

  • #3
    New Coder
    Join Date
    Jan 2008
    Posts
    19
    Thanks
    4
    Thanked 0 Times in 0 Posts
    THANK YOU SOOOOOO MUCH!

    I feel like an idiot misnaming divs.
    I changed the name and blamo!
    Everything is 100% fine.

    This is my first post on CodingForums and this experience will keep me coming back.

    Thanks again


  •  

    Posting Permissions

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