Динамический макет, как Google

Question

Я ищу хороший пример динамического макета из 3 столбцов, подобного этому, из Поиска Google. Я вижу, что если макет подходит для каждого браузера. В этом меню никогда не будет скроллера, если результат 800, 1024 или> 1024. Какое решение я могу использовать, чтобы получить такой эффект? Я вижу, что содержимое центра является плавающим, но как это возможно, чтобы соответствовать каждому разрешению и есть ли минимальная ширина центра, потому что, если браузер становится все меньше и меньше, есть точка, где скроллер приближается.

Будет здорово, если кто-нибудь сможет перенаправить меня на подобный пример, пожалуйста! Я заинтересован в центрированном дизайне, а не в ориентированности, как в Google!

Answer 1

Есть одна особенность CSS. Вот это Google HTML5 site , где включена эта функция ... Просто попробуйте изменить ширину браузера, и полоса прокрутки не появится .. потому что файл CSS имеет такие стили, как

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

т.е. для какого-то разрешения у вас есть другие стили ..

посмотрите они css

Answer 2

Посмотрите учебник по CSS float, к которому я обращаюсь каждый раз, когда хочу создать многоколонку. http://css.maxdesign.com.au/floatutorial/