http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1261844169.html <p>В любой сфере деятельности, а будем говорить применительно к web-верстке, встречаются побочные эффекты. Собственно, в этом нет ничего необычного. Все в основном сводится к правке косяков и кривостей в тех или иных браузерах.</p> <p>Другое дело, что иногда, минусы побочных эффектов можно обратить и в свою пользу, даже отказавшись от устоявшихся, укоренившихся подходов к решению тех или иных проблем.</p> <p>Очень часто верстальщики, как начинающие, так и профессионалы для создания иллюзии одинаковой высоты колонок центральной части макета используют стилевые правила:</p> <pre class="pre">margin-bottom:-32767px;padding-bottom:32767px;</pre> <p>Побочные эффекты разметки на их основе давно известны:</p> <ul><li>Не удачное сочетание стилей может привести к появлению бесконечной вертикальной прокрутке web-страницы</li> <li>Отсутствие нижнего border’a у колонок</li> <li>Не корректная работа меток-якорей</li></ul> <p>Если два первых пункта при грамотной реализации и не больших издержках в виде <a href="http://trifler.ru/blog/comment_1240762223.html">лишних</a> контейнеров для прорисовки нижнего border’a не являются непреодолимыми, то проблема работы меток-якорей решения на сегодняшний день не имеет.</p> <p>Предлагаемая вам разметка практически полностью лишена перечисленных недостатков, за исключением дополнительных блоков.</p> <p>Чисто технические сложности при переходе от фиксированного макета к полу-резине или полностью резиновому шаблону, связанные с абсолютным позиционированием и процентными величинами, чуть все усложняет в таблице стилей, не более того.</p> <p><a href="i/layouts/absolute/anchor.htm">Пример</a></p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1261844169.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1261844169.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1261844169.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1261844169.html">All Comments</a></div> <!-- RSS_link_to_post end --> Sat, 26 Dec 2009 22:16:09 GMT