#1
  1. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2003
    Location
    Australia
    Posts
    18
    Rep Power
    0

    Question CSS Issues with Gaps in Layout


    Hi,
    I'm having some issues with CSS Layout and gaps, its really annoying and I was hoping someone out there could help?

    www.irdweb.net/crap/css-problem.JPG

    I've got this ugly gap, and I can't work out how to get rid of it.

    My CSS:

    BODY {
    background-color: silver;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    }

    #logo {
    background-image: url(pdsb.jpg);
    color: #000000;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: left;
    float: left;
    width: 150px;
    }

    #sidebar {
    background-image: url(pdsb.jpg);
    color: #000000;
    margin: 75px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    float: left;
    width: 100%;
    }

    #title {
    height: 70px;
    font-size: 9pt;
    margin: 0px 0px 0px 150px;
    padding: 0px 0px 0px 0px;
    background-image: url('pdtb.jpg');
    width: auto;
    }


    and my HTML;

    <div id="logo">
    <div id="sidebar">
    </div>
    </div>

    <div id="title">
    </div>


    Thanks,

    Tekka
  2. #2
  3. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2003
    Location
    Australia
    Posts
    18
    Rep Power
    0
    I fixed it =)

    In case anyone comes looking later on with the same issue, I removed the "height" from #title and a placed a 75px transparent JPG in there, bingo no more gap!

    Thanks anyway.

IMN logo majestic logo threadwatch logo seochat tools logo