gordi

http://trifler.ru/layoutexamplestree.htm http://trifler.ru/layoutexamplesfix.htm

Сделать можно так http://trifler.ru/blog/i/border/border_double_01.htm

Был у меня такой вариант, случайно получилось Организовался лишний блок без закрывашки - </div> Никак не влиял на разметку в целом - не ломал ее, но макет не валиден по html Там нахождение курсора мыши над фиксированной колонкой, а сделано все было на абсолюте, позволяло прокручивать страницу, надо поискать, забавный случай, что и говорить

Fixed можно и нужно использовать только тогда, когда есть необходимость сделать фиксированный header или footer, тут проблем нет. Но, как только нужно зафиксировать колонку (блок) слева или справа от основной колонки, сразу проблемы при появлении горизонтальной прокрутки и тут без эмуляции на основе абсолюта не обойтись Собственно и у меня с этого все началось. Попросили сделать типа http://trifler.ru/theme/design_fixedright.html, но продвинутый заказчик попался, когда сделал на position:fixed, он меня огорошил проблемами поведения разметки при уменьшении рабочей области окна браузера и разных разрешениях, тогда-то и пришла мысль в таких случаях не использовать фиксед, а обходиться абсолютом. Но тут тоже все не просто. Позиционирование обычной колонки и фиксированной колонки относительно друг друга, требует процентных величин, а с процентами не все ладно Даже делал со скриптом который определял разрешение экрана монитора и подставлял соответствующие пиксели, пример http://trifler.ru/multiagent/ Правда и это не полноценный выход из положения, все разрешения перебрать не представляется возможным

Для разных задач, разные подходы. К сожалению, кроме плюсов всегда есть минусы. Универсальных, на все случаи жизни, решений нет, так происходит и с position:fixed; и с его эмуляцией на основе position:absolute; Знание методов и приемов, позволяющих добиться оптимального результата, никому не помешают С курсором есть проблема, но можно и так: http://trifler.ru/theme/design_fixedright.html http://trifler.ru/theme/design_fixedleft.html А вот с решением на position:fixed подобное сделать не представляется возможным.

Ну, а position:fixed; не обман? По моему, его вообще, надо исключить из CSS Если на абсолюте все правильно сделать, будет работать так, как надо.

Да нет, особых проблем. Даже последние версии OPERA ведут себя прилично

Уверен Смотри в FF Горизонтальная прокрутка отсутствует Не катит.

Даже если только у одной колонки (блока) будет Position:Fixed при уменьшении размеров окна браузера при появлении горизонтальной прокрутки фиксированный блок будет наезжать или прятаться под другую колонку (блок) Реальный дизайн на основе position:absolute; - http://trifler.ru/theme/design_fixcontentfix.html левая фиксированная колонка уходит за вертикальную границу окна браузера при уменьшении рабочей области, но правая фиксированная колонка двигается вместе с областью контента (центральной колонкой), а не прячется или наезжает под/на нее.

Простой пример: http://trifler.ru/blog/i/layouts/fixed/fix_gordi_02.htm Уменьшаем размер окна браузера, что видим?

Но, как быть с горизонтальной прокруткой при уменьшении размеров окна браузера? В этом, как раз самая главная проблема. По идее, информация в зафиксированном блоке, всегда должна быть доступна, а что имеем в итоге с position:fixed;? Тогда, есть ли смысл вообще его использовать? Или поведение страницы, всех в этом случае устраивает

Все методы хороши Но, как только вы начинаете при использовании Position:Fixed менять размер окна браузера и играть горизонтальной прокруткой начинаются проблемы, так как фиксированный блок или наезжает на другие блоки или под ними прячется, зависит от z-index. Поэтому эмуляция position:fixed; для IE6 на основе position:absolute;, предпочтительнее и работает во всех браузерах за редким исключением. Читаем: http://trifler.ru/blog/post_1237567131.html Пример: http://trifler.ru/blog/i/layouts/fixed/ideal_fixed.htm

Простой хак для IE8

По первому пункту - загляните на fixed.name

Смотрим здесь http://www.cssplay.co.uk/index.html Масса меню, в основном без JavaScript

Центрировать горизонтальное меню можно и так

О том и речь

Нет, но это мне не мешает сделать в нем то, что я хочу Собаку не собаку, но его еще рано списывать К сожалению А своих пользователей и посетителей я уважаю, они-то не виноваты

Тогда мы не придем к вам

В IE6 посмотрите

Сделайте так: body {margin:0 auto;width:990px;} Отдавая стили через <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> Вам самому и любому другому при сохранении странички на HDD не увидать всей красоты вашего сайта, без лишних телодвижений, если в этом будет необходимость

Как минимум ваше меню должно быть работоспособным, тут бы кстати был линк на само меню с графикой. Из выложенных стилей и html-кода это не следует Также, отсуствует скрипт для IE6. Все должно быть приблизительно так, если я правильно понимаю, а уж потом надо решать вашу проблему.

В таблице стилей для начала закомментируйте все top: -XXX Указание высоты для #layer2 вызывает известные сомнения Для #main_table тоже не стоит прописывать высоту. А далее по месту смотрите, что и как.

Использование: margin-bottom:-32767px;padding-bottom:32767px; для создания макетов с колонками одинаковой высоты, имеет не приятный момент - не корректная работа меток-якорей. Предлагаю ознакомиться с иным решением проблемы: Статья Пример

Возможно, вам надо нечто подобное - CSS-трюк: фиксируем большой бэкграунд относительно контента