I’m having some CSS issues that seem to only occur in chrome. The site in question is liveinthelead.com, and it’s still being worked on so if you notice any other strange problems feel free to let me know, I won’t be offended. My main problem is this though:
In all of the browsers I’ve tested except for chrome the site looks fine. However, in chrome, on the main page, the middle post in the three-post divs are shifted down about 20px. But when I open up the developer interface, they shift back to where they’re supposed to be! Maybe it’s just a local problem, but here are some pictures of what I’m talking about. If you don’t experience the same issue then maybe it’s just something weird going on with my computer. Cheers.
One thing that I noticed is that in your
div#three-postyou setfloat:lefttodiv.member1but not to the remainingdiv.member2ordiv.member3.That’s where I would start investigating the problem. Maybe you should set the remaining two divs to also float left. You may need to clear them afterwards too.
For the sake of convention â and so that you don’t encounter this confusions again â use IDs for selecting specific elements, e.g., member1, member2, member3, and use classes for selecting multiple elements that should share the same attributes.
I’m unable to replicate on Chrome 15.
= could be a good thing! Try another computer!