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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Extra vertical space between items inside the divs

    I put the navigation inside its own div. When i do that, i get an extra vertical space that is more then a br should be. You can see what i am doing at http://yasniktash.com/live/necklaces.html

    As you can see all the images in the navigation div go lower then they should be.

    My css set up is :

    Let me know what i should do. Thanks.

    html,body{margin:0; padding:0px; background-image: url(images/bg.jpg); height:100%;
    }



    #container {
    width:1000px;
    top:0px;
    padding: 0px 0px 0px 0px;
    text-align:center; /* reset to normal after IE 5.x fix */
    position:relative; /* make 100% equal #container width not screen width */



    }

    * html #container {

    height:100%;
    overflow-x: hidden;

    }




    #content {
    width:100%;
    float:left;
    font-size:10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color:#828282;
    text-align: center;
    }

    /*
    extra bottom padding on the following is to make room
    for the footer!
    */

    #content .wrapper {
    margin:125px 275px;
    padding: 20px;
    text-align:center;
    background-image:url('images/content-bg.jpg');
    width:775px;
    }

    #navigation {
    padding: 0px;
    float:left;
    width:280px;
    position:relative;
    left:-100%; /* fixed width */
    margin-right:-280px;
    height:470px;
    background-image:url('images/nav-texture.jpg');
    padding: 0px 0px 0px 0px;
    }

    #sidebar {
    float:left;
    width:240px;
    padding:8px 8px 72px;
    margin-left:-256px;
    background-color:#EFE;
    }

    #footer {
    clear:both;
    text-align:center;
    width:1500px;
    height:48px;
    line-height:48px;
    padding:4px;


    position:relative;
    background: #FFFFFF;
    font-size:10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color:#828282;
    }

    #inventory-page {

    font-size:14px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color:#828282;
    text-align: center;
    }
    #inventory-nav {
    width:100%;
    float:right;
    text-align:right
    font-size:10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color:#828282;
    }

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,180
    Thanks
    23
    Thanked 603 Times in 602 Posts
    Code:
    <table width="770" border="0" align="center" cellspacing="25" bgcolor="#FFFFFF">
    cellspacing is the spacing between cells. Try decreasing it maybe cellspacing="0"


  •  

    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
    •