hey guys I set margin:50px auto for body and there's only margin on top the bottom doesn't work. I can't find the problem. http://giantgag.com/gags/so-i-heard-you-like-bad-boys-compilation?pid=2184 Also when the screen resolution is smaller the right container goes under the main content but there's still a gap on right. why it does that ?
your site looking perfect in my google chrome?? i think you should clear cache you and delete the cookies from your browser. and yeah 1 suggestion in last next and previous your rounded images are awesome but try to insert that images in hover effect when someone mouse over on that ext and previous arrow. then they looks awesome unique too
Everything "works" in CSS, just not necessarily the way you want it. 1st problem: do this instead: .post { margin-bottom:50px; } 2nd problem: well that's just normal behavior. You can't expect it to go all the way since your container widths are all fixed multiple times (300px,350px, 800px etc). You try to make it responsive with media queries, but it isn't even built fluid in the first place. If I were you, I would ditch that markup completely and write a new one. It's really poorly written, and you'll encounter more and more problems along the way and add more and more css fixes which will then break your layout eventually.
Margin collapses outside body getting cut off in a lot of layouts -- that's why I would use padding on body instead of margin on it's child. Whenever margin doesn't do what you want, use padding on the parent instead! Just common sense. Though wiicker95 is right, that page is a wreck that really should be done over from scratch. DIV for nothing, static scripting inlined in the markup, onevent script attributes that really have no place on a modern site (as they should auto-attach after the markup), static CSS in the markup, classes for nothing if you understand inheritance, little if anything remotely resembling semantics... Admittedly, it's turdpress, so much of that is just par for the course... doesn't make it right.