SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict Jakob's Avatar
    Join Date
    Aug 2002
    Location
    Denmark
    Posts
    270
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Removing white space in DIV?

    I have a question about this layout:

    http://www.kajakzonen.dk/forside.html

    I would really like to get rid of some of the white space between the content area and the right hand banner.

    This is the css code:

    body {
    background: #333333;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 10px
    font-size: 100%; Color: #333333; font-family: verdana, arial, helvetica, sans-serif; text-align: center;
    }
    #outer {
    margin-left: auto;
    width: 888px;
    margin-right: auto;
    text-align: left;
    }
    #logobox {
    background: lightblue;
    width: 728px;
    height: 34px;
    }
    #banner {
    background: url(images/top-banner.gif);
    width: 728px;
    height: 90px;
    }
    #nav {
    border-top: #333333 1px solid;
    background: url(images/top-links.gif) no-repeat left center;
    width: 728px;
    height: 48px;
    }
    #nav ul {
    padding-left: 10px;
    padding-top: 10 px;
    list-style-type: none
    }
    #nav li {
    display: inline
    }
    #nav a {
    border-right: #ffffff 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    Padding-bottom: 0px;
    Padding-top: 0px;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none
    }
    #nav a:hover {
    color: #FBCDB2
    }
    #content {
    background: #ffffff;
    float: left;
    width: 728px;
    }
    #left {
    float: left;
    width: 220px;
    background: #ffffff;
    }
    .left-inner {
    border-right: #D7D7D7 1px solid;
    border-top: #D7D7D7 1px solid;
    border-left: #D7D7D7 1px solid;
    border-bottom: #D7D7D7 1px solid;
    background: #ffffff;
    }
    .left-outer {
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND: #f2f2f2;
    PADDING-BOTTOM: 5px; MARGIN: 10px;
    WIDTH: 190px;
    PADDING-TOP: 5px
    }
    html .left-outer {
    width: 200px;
    }
    .left-outer p {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px
    }
    #centre p {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px
    }
    #centre {
    float: right;
    width: 508px;
    background: #ffffff;
    }
    #centre-inner {
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 0px
    }
    #right {
    background: blue;
    left: 0px;
    float: right;
    width: 160px;
    margin-right: 0px;
    position: relative
    }
    .clearer {
    CLEAR: both; MARGIN-TOP: -1px; OVERFLOW: hidden; HEIGHT: 1px
    }
    #footer {
    BACKGROUND: url(images/arrow.gif) #e43100 no-repeat left center; WIDTH: 729px; COLOR: #fff; HEIGHT: 40px; TEXT-ALIGN: center
    }
    Learn more about Solar Panel Installation

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Remove the padding-right from either the #centre-inner or the p elements. Also add a DOCTYPE declaration.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Thread closed as I've answered this in the other thread


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
  •