В комментариях к предыдущему посту Дмитрий выразил сожаление, в том плане, что нет возможности сделать сто процентную высоту к предложенной мной разметке.
Как оказалось это не совсем так.
Спасибо Дима, твой комментарий заставил поискать решение данной проблемы.
Так бы остановился на достигнутом и дело с концом :)
Была первоначальная попытка, но не увенчалась успехом. При более детальном анализе, чуть сместил акценты, и все встало на свои места.
Великое дело эти акценты, иногда все лежит на поверхности, но в упор не видишь. А когда сделаешь, то понимаешь, как же оно все просто, и чего же раньше-то не додумался.
Один пример, html-код header и footer может быть иным.
Использование блочно-модульной концепции "Техника Gordi" в данном случае позволяет простыми методами создать web-страницу с хорошо структурированными блоками без необходимости в дополнительной разметке.
Хочу обратить ваше внимание на то, что при первоначальном открытие страницы в OPERA, макет подожмется, любое действие со страницей приведет в сто процентной высоте оной, а вынос стилей в отдельный файл исправляет положение вещей, и в дальнейшем обходимся без лишних телодвижений.
Проверенно и работает в IE6(7,8), OPERA9.64, FireFox3.0, Chrome, SafariWin.
Долго верстальщики искали обходные пути, чтобы заставить IE6 хоть каким-то образом поддерживать min/max-width, без применения expression.
И вот когда его дни сочтены и он отправляется на вполне заслуженную пенсию, удалось сделать компиляцию из известных уже решений, буквально в пару строк.
На сколько все это актуально, не знаю.
Выкладываю, может, кому еще и пригодится.
* {margin:0;padding:0;}
body {
background-color:#fff;margin:3px auto;
padding-left:600px;width:10%;
}
.middle {border:#000 1px solid;margin-left:-600px;}
<body>
<div class="middle">...</div>
</body>
Чуть позже, сделаю несколько примеров разметки в различных вариациях на эту тему с использованием блочно-модульной концепции "Техника Gordi".
Единственный, пока обнаруженный не достаток предложенной выше конструкции, так это отсутствие возможности получить сто процентную высоту страницы.
Проверено в IE6 (7,8), OPERA9.64, FF3, SafariWIN, Chrome.