It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.
As you can see with a transparent red mark. i just want the left boxes (blog boxes don't slip below the information box. I just want them cover the information box...
well i can help you in arranging the way first blog-box is
but how d'you suppose to do the second blog-box trick - the way it is protruding below the info box thing
then try my second suggestion .
set the width for first 2 blog-boxes to about 220px less than screen width because your info-box's width is 200px . So that should do the trick
well all infos in all boxes come dynamically, this is not a good idea mate.. it can make problems it can be solved with css but how.. i saw many sites like this... but now i cant remember which they are..
ok lets see. you want the blog-boxes in such way that they dont ovelap info-box right ?
next all your info loades dynamically into these boxes right ?
but the thing is, see the blog-boxes should never be greater than say about 600px to satisfy first condition.
So you can safely assume a maximum width of 600 px for your blog-boxes