1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Positioning Issue

Discussion in 'CSS' started by topperharley122, Mar 22, 2008.

  1. #1
    I'm trying to fix a site that I didn't design and I'm fairly new to CSS positioning.

    This is a search results page that I am having trouble with. The check box is lining up vertically in different spots, which is driving me nuts. I've been trying to figure it out all morning with no luck.

    http://www.landscapingscene.com/results/?lat=42.44098&lng=-83.522422&radius=20

    Here is the style sheet associated with the search results.

    #results li {

    background-image: url(/images/layout/box-results.gif);
    background-repeat: no-repeat;
    width: 566px;
    margin: 6px 0px 0px 0px;
    float: left;
    height: 180px;

    }

    #results .logo {

    width: 166px;
    float: right;
    position: relative;
    top: 10px;
    }

    #results .logo a:hover {

    background-color: transparent;

    }

    #results .description {

    width: 360px;
    padding: 0px 0px 0px 10px;
    float: left;

    }

    #results .description-wrapper {

    width: 400px;
    height: 25px;
    float: left;

    }

    #results img.mapicon {

    float: right;
    margin: 5px 10px 0px 0px;

    }

    input[type="checkbox"].inline {

    display: inline;
    float: none;

    }

    #results h2 a {

    color: #52a5ec;

    }

    #results h2 a:hover {

    background-color: #ffffff;

    }



    #results .selectcontractor {

    width: 140px;
    float: right;
    position: relative;
    top: -40px;

    }

    #results .logo img {

    border: 1px solid #333333;

    margin: 9px;

    }

    .box-results {

    float: left;
    height: 60px;
    margin: 0px;
    padding: 0px;

    }

    .box-results-body {

    width: 566px;
    margin: 0px;
    padding: 0px;
    height: 60px;

    }

    .box-results-head {

    font-size: 1pt;
    width: 566px;
    height: 10px;
    margin: 0px;
    padding: 0px;

    }

    There is also some serious issues in IE6, I haven't even looked at that yet ;-).
     
    topperharley122, Mar 22, 2008 IP
  2. ChaosFoo

    ChaosFoo Peon

    Messages:
    232
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Either I'm not understanding your question clearly, or I am unable to duplicate the problem on FF 2.0.0.12 and IE6. The checkboxes all seem to be lining up just fine to me.
     
    ChaosFoo, Mar 24, 2008 IP