AlexanderZe: Спасибо за grid960, но хочу пока самостоятельно попробовать. Решил посмотреть простую сетку на сайте htmlacademy, скопировал код сетки в notepad++, открыл с помощью браузера Chrome, но эта сетка при изменении ширины браузера начала "падать". Вот стили сетки. Хотелось бы узнать, как сделать ее неподвижной, какие стили нужно убрать, или может добавить?
div {
margin-bottom: 15px;
padding: 10px 25px 10px 25px;
background-color: #dff0d8;
}
.left-column {
float: left;
width: 50%;
min-height: 100px;
background-color: #fcf8e3;
}
.right-column {
float: right;
width: 25%;
min-height: 100px;
background-color: #d9edf7;
}
.footer {
clear: both;
}
AlexanderZe: Спасибо, посмотрел стили сайта, в них нету min-height и min-width, а сайт все равно не изменяется при изменении ширины браузера. Как так? Получается такого эффекта можно добиться применив теги position: absolute, display: block, и z-index?
position: absolute;
display: block;
width: 760px;
height: 200px;
background: url(images/bb_masthead.jpg) no-repeat top center;
z-index: 4;
AlexanderZe: А есть ли сайты в которых есть пример фиксированных блоков? Просто не очень понятно какие значения подбирать к блокам. min-height и min-width видимо недостаточно, попробовал применить их на блоках, все равно слетают.. :( Хочется чтобы при изменении окна браузера сайт не видоизменялся, а только скролл добавлялся, т.е как у ВК.
Максим Тимофеев: Медиа-запросы можно составить так, чтобы при уменьшении ширины браузера та часть, которая окажется за пределами окна просто не была видна и появлялся скролл?
AlexanderZe: Большое спасибо за ответ, получается сайт ВКонтакте НЕ адаптивный сайт? Т.е он не сжимается и не изменяется благодаря тому, что там используются width, height и min-width, min-height? И не используется meta name="viewport"
Нет, я имел ввиду это :Ну вот я посетил много сайтов, и на большинстве из них, когда меняешь ширину браузера, сайт сильно меняется, т.е большая часть блоков, текста, картинок "падает" вниз. А теперь возьмем в пример ВКонтакте, там когда меняешь ширину браузера все остается на месте и ничего не меняется, не сжимается. Вот я и прошу нормальный, стабильный пример каркаса. Просто хочется понять, почему так происходит, и как добиться нормального стабильного каркаса.
AlexanderZe: Что я имею ввиду? Ну вот я посетил много сайтов, и на большинстве из них, когда меняешь ширину браузера, сайт сильно меняется, т.е большая часть блоков, текста, картинок "падает" вниз. А теперь возьмем в пример ВКонтакте, там когда меняешь ширину браузера все остается на месте и ничего не меняется, не сжимается. Вот я и прошу нормальный, стабильный пример каркаса. Просто хочется понять, почему так происходит, и как добиться нормального стабильного каркаса.
$id - это и есть GET-параметр. Он есть на этих всех страницах, но читает только на основной, т.е на profile.php?id=$id.