Комментарии на: Легко изменяемый макет фиксированной ширины http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/ Verba volant, scripta manent Wed, 07 Jan 2009 08:03:52 +0000 http://wordpress.org/?v=2.7.1-alpha-10188 hourly 1 От: Vladimir http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/comment-page-1/#comment-155 Vladimir Tue, 06 May 2008 02:13:08 +0000 http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/#comment-155 <code>overflow: auto</code> у элемента <code>html</code> нужен только для IE (по-моему, только для IE6, но седьмому вроде не вредит — нет под рукой, чтобы проверить). А в Konqueror 3.5.9 этот <code>overflow: auto</code> создает очень неприятные эффекты. Так что лучше подправить правила так, чтобы они были видны только IE. overflow: auto у элемента html нужен только для IE (по-моему, только для IE6, но седьмому вроде не вредит — нет под рукой, чтобы проверить). А в Konqueror 3.5.9 этот overflow: auto создает очень неприятные эффекты. Так что лучше подправить правила так, чтобы они были видны только IE.

]]> От: Vladimir http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/comment-page-1/#comment-125 Vladimir Fri, 25 Apr 2008 11:53:28 +0000 http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/#comment-125 Видите ли, Анатолий, в теории оно всё хорошо. Но когда дело доходит до практики и когда требуется поддержка Internet Explorer 6, в реальности всё намного хуже. Если Вы обратите внимание, то высота у макета составляет 100%, при этом ни одна из колонок не завернута в контейнер (роль контейнера выполняет <body>). Проблема в том, что когда высота контента каждой из колонок заранее неизвестна (то есть нельзя определить, какая из колонок будет длиннее), а также неизвестна высота окна (viewport), без лишнего <div> будет очень трудно. Если задать <code>padding-bottom</code> у контейнера с колонками, чтобы разместить в нем подвал (как оно обычно и делается), то возникает проблема с W3C box model, ибо в <code>height: 100%</code> <code>padding-bottom</code> уже не входит. То есть при стопроцентной высоте и таким решением всегда будем получать вертикальную прокрутку (и <code>overflow: hidden</code> здесь не выход). В любом случае, если Вы предоставите решение, которое: <ul> <li>не использует таблицы;</li> <li>имеет стопроцентную высоту;</li> <li>в котором подвал расположен в самом низу экрана, вне зависимости от разрешения/количества контента;</li> <li>использует только 4 <div> (три на колонки, один на подвал)</li> </ul> то мне будет очень интересно на него посмотреть, ибо учиться никогда не поздно :-) А пока это бездоказательно :-) Видите ли, Анатолий, в теории оно всё хорошо. Но когда дело доходит до практики и когда требуется поддержка Internet Explorer 6, в реальности всё намного хуже.

Если Вы обратите внимание, то высота у макета составляет 100%, при этом ни одна из колонок не завернута в контейнер (роль контейнера выполняет <body>). Проблема в том, что когда высота контента каждой из колонок заранее неизвестна (то есть нельзя определить, какая из колонок будет длиннее), а также неизвестна высота окна (viewport), без лишнего <div> будет очень трудно. Если задать padding-bottom у контейнера с колонками, чтобы разместить в нем подвал (как оно обычно и делается), то возникает проблема с W3C box model, ибо в height: 100% padding-bottom уже не входит. То есть при стопроцентной высоте и таким решением всегда будем получать вертикальную прокрутку (и overflow: hidden здесь не выход).

В любом случае, если Вы предоставите решение, которое:

  • не использует таблицы;
  • имеет стопроцентную высоту;
  • в котором подвал расположен в самом низу экрана, вне зависимости от разрешения/количества контента;
  • использует только 4 <div> (три на колонки, один на подвал)

то мне будет очень интересно на него посмотреть, ибо учиться никогда не поздно :-) А пока это бездоказательно :-)

]]> От: Анатолий http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/comment-page-1/#comment-124 Анатолий Fri, 25 Apr 2008 07:38:11 +0000 http://blog.sjinks.org.ua/css/41-easy-changeable-fixed-size-layout/#comment-124 (если необходимо разместить нижний колонтитул в нижней части экрана, то все колонки нужно завернуть еще в один . )(с) Товарищи, Читайте книги Ростислава Чебыкина, и никогда у вас не будет проблем с закрепелнием подвала сайта, без всяких дополнительных "Дивов" (если необходимо разместить нижний колонтитул в нижней части экрана, то все колонки нужно завернуть еще в один . )(с)
Товарищи, Читайте книги Ростислава Чебыкина, и никогда у вас не будет проблем с закрепелнием подвала сайта, без всяких дополнительных “Дивов”

]]>