Help with css floats.

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?

“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.

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

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

The images are permalinks.

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

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:
https://validator.w3.org/check?uri=http%3A%2F%2Fwww.forboden.com%2Fcategory%2Fvideos%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1