Question

I am looking of a good example for dynamic 3 columns layout like this one from Google Search. I have see, that if the layout fits to every browser resulution. That menas, there is never a scroller if the resulution is 800, 1024 or >1024 . What kind of solution, can I use to become such effect? I have see, that the center content is floating, but how is it possible to fit for every resolution and is there a minimum of the width of the center, because if the browser goes smaller and smaller, there is a point, where the scroller is coming.

It will be great if anyone can redirects me to an similar example, please! I am interested in centered design, not left oriented like Google!

Answer 1

There is one CSS feature..
Here it is Google HTML5 site, where included this feature… Just try to change width of browser and scrollbar will not appear.. because css file has styles like

@media only screen and (min-width: 641px) and (max-width: 800px) { /* styles */ }

i.e. for some resolution you have some other styles..

take a look they css