CSS позиционирование div в браузере

Question

Как лучше всего расположить div в любом браузере, поэтому у меня есть следующая настройка:

div all (которая включает в себя все следующие div и имеет ширину 800 пикселей и центры в серединестраницы)

содержимое div (центрируется в div all)

меню div слева (в пределах div all) и li с моими пунктами меню и фиксированным расстоянием 10 px от левой границыdiv all)

меню div вправо (в пределах div all) и то же, что div меню слева, но 10 py с правой стороны

Итак

div all (div content, div menuleft, div menu right)

И если я изменю размер браузера, то это будет продолжаться до тех пор, пока не будет достигнут размер div (800px).Вы называете эту жидкость, я думаю.

Answer 1

Эксперимент использует% не px; Увидеть?

Теперь попробуйте использовать медиа-экран:

<code><pre>
@media screen and (max-width: 1099px) {
/*your css code for small resolution*/
}

@media screen and (min-width: 1100px) {
/*your css code for big resolution*/

}

посмотрите это: http://jsfiddle.net/Csje2/

Answer 2

Это называется жидким макетом, вот статья, которая покрывает это http://www.maxdesign.com.au/articles/liquid/