• yansky

    (@yansky)


    Hi, I’m trying to get the post divs on my category page to always be evenly positioned regardless of the browser size.

    http://www.forboden.com/category/videos/

    At the moment I am trying to do this by floating the divs, but the space on the right of the browser is not always the same when I make the browser smaller.

    Any help would be appreciated.
    Cheers.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Samuel B

    (@samboll)

    Hi – it looks good in FF, but I see what you mean in IE – still doesn’t look bad, however.
    What code are you using to “float” the divs?

    Thread Starter yansky

    (@yansky)

    “What code are you using to “float” the divs?”

    The container:
    #container_cat {
    width:90%;
    height:670px;
    padding: 10px;
    margin-top: 70px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align:center;
    border:2px solid #666;
    background:#333;
    }

    The post divs:
    .posts_cat {
    width: 325px;
    height: 250px;
    padding: 10px 0 10px 0;
    float:left;
    margin: 2%;
    text-align:center;
    }

    It’s not just in IE though. I’d like the .posts_cat divs to be evenly spaced, no matter what browser size. At the moment, if you look at the page in 1024X768 or 800X600, there is more space on the right hand side.

    Samuel B

    (@samboll)

    That stuff looks OK. What do you have for actual images, though?

    Thread Starter yansky

    (@yansky)

    “What do you have for actual images, though?”

    The images are permalinks.

    This is the php code I have for that page: http://www.shorttext.com/ela01

    Samuel B

    (@samboll)

    I’ve looked at it quite extensively. I’m not seeing why it’s not working.
    You might look at some of these – though most don’t really matter:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.forboden.com%2Fcategory%2Fvideos%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Help with css floats.’ is closed to new replies.