here's my site http://giantgag.com/ you'll see at the top the div class index_container suppose to have all posts inside but it doesn't. why. I can't fix it. The div is opened and closed properly
Haven't checked it live, but I suspect that some of its children are floated. .index_container { overflow:hidden; } This above should solve your problem. --edit-- Just tested it: it solved the problem.
you might help me with this one too http://giantgag.com/topics/feel How I center the last post in center I tried margin 0 auto but doesnt work
Indeed, I can. As a rule of thumb, you CANNOT center floated elements. Now, there IS a way to do it. Target the last child, say float:none for it, and apply margin:auto to it. .index_thumb:last-child { float:none !important; margin:auto; } I put important because floats are declared multiple times throughout your style sheets, so I specified the importance just to be sure. A side note -- this pseudo-class is NOT cross-browser compatible. It only works on IE9+ (unlike :first-child which is supported on IE8+). If you want to make it cross-browser compatible, then you would have to use some scripting to target the last child only (and only if there's 1 in the last row) and apply the above to it.
can you help me with that to please. I have this right_module http://giantgag.com/funny-animals/finally-in-bed-and-have-to-pee?pid=867 I added overflow hidden and removed float:right. it fixed the problem. but now when the screen resolution is smaller the right_module doesn't go under the post section