gordi

Написал же - "Читаем..." Сепциально про скроллы целая страница есть - http://fixed.name/details/scroll.htm

Если говорить о центральной части макетов с равной высотой колонок, то там всего 4-5 контейнеров в html-коде, проще уже не куда Стили, да, но они описывают поведение всего тех же 4-5 блоков и нет ничего там такого, чтобы было не доступно пониманию

Значит у нас разные подходы Но в моих примерах, нет ничего лишнего и разобраться в них, даже не подговленному, начинающему верстальщику не трудно.

Если отбросить {position: fixed}, а проблему можно решить и без него, просто человек задавший вопрос, кроме, как с помощью {position: fixed} не знает, как это сделать, то мой ответ вполне адекватен Главное в вопросе можно или нельзя. Я говорю, что можно без {position: fixed} и привожу примеры. Вы кроме нельзя, ничего иного не сказали В том и заключается смысл примеров, что все визуально понятно, как оно работает. Сделав "...маленький примерчик с одним блоком...", у человека возникнет еще больше вопросов, а как сделать нормально работающую страницу и сразу же появится "громадный" код и потребуются дополнительные обьяснения

Можно. С помощью абсолютного позиционирования. Читаем, смотрим примеры: http://fixed.name Стоит ли так категорично?

Самый простой тест Уменьшаем размер окна браузера и вся разметка летит к черту

К сожалению, нет времени разбираться в вашей разметке. Тем более что одновременное использование position:fixed и position:absolute в разметке web-страницы, считаю не правильным. Поэтому принципиально position:fixed не использую и рекомендую всем от него отказаться. Вполне достаточно для фиксации блоков на странице абсолютного позиционирования. На многие вопросы, почему именно так, а не иначе вы найдете ответы на http://fixed.name Разметка с фиксированным header, может быть такой: Все колонки имеют плавающую ширину с ограничением по min-width и его эмуляцией для IE6. Чтобы оценить работоспособность макета, необходимо смотреть его на разных разрешениях, сам каркас страницы адаптирован под разрешение 1024*768. Также для оценки поведения разметки все блоки имеют border, что дает более полное представление, что и как при тестировании.

Все забрал, спасибо. Как только будет время разберусь и отпишу, что и как.

Еще раз выложи страницу, как у меня, только каркас, саму разметку. Дай border каждому блоку, текст в область контента положи. Зачем мне все укарашательства перебирать. Для оценки нужен голый скелет страницы, если он будет рабочий, то потом набить его всякой фигней пара пустяков. Желательно, стили только те, что имеют отношение к глобальной разметке страницы, на самой странице, а не линком на файл стилей.

Набил br Но вот скрин из OPERA http://trifler.ru/i/test1.png Так, что "квест" до конца не пройден

http://trifler.ru/i/test.png Ну, если он нужен, тогда что ту скажешь Когда сделешь без него, тогда будет круто

Нет. В IE6 ни одной прокрутки не наблюдаю. В OPERA9.64 тоже, в Google Chrome только горизонтальная есть. Все более или менее работает в IE7. Сочетание абсолютного позиционирования и position:fixed; не считаю правильным. Также, по моему мнению в блоке <div class="line"></div> не необходимости. Дал тебе линк, там все сделано только на position:absolute; Работает во всех популярных браузерах. Разбирай его и будет тебе счастье

Выложи свою страницу, как у меня, чтобы ничего лишнего не было, посмотрю.

Да по всякому можно, но у себя посмотри, как при уменьшении размеров окна браузера, кусок header, что справа прокручивается В IE7 А у меня так специально сделано, что вертикальной прокрутки нет. Но ей легко можно придать видимость Вот здесь она присутствует http://trifler.ru/blog/

Разбирайся, на вопросы отвечу. Но на многие из них ответы на http://fixed.name имеются.

Ну берешь к примеру вот такое http://fixed.name/i/s/fixcenter.html и крутишь до кондиции

Каюсь не внимателен Надо переделывать, а иначе как

Почему-то никто не обратил внимания на отсуствие вертикальной и горизонтальной прокрутки при уменьшении размеров окна браузера Или это сейчас уже не важно?

http://csslayouts.ru/

Mila Попробуйте сделать так, или так, или так. Убрав не нужные стили.

Как оказалось FireFox 3.5 не читает стили после такой конструкции: @media all and () {.XXX {XXX:xxx;}} Пришлось данный хак для OPERA 9.64 сбросить в конец файла стилей. Сейчас все в норме. Justnewone Еще раз спасибо.

В FF 3.5 не проверял. По скриншоту видно, что стили меню не подгрузились, буду смотреть, спасибо за замечание.

На какой странице, в каком браузере, версия?

Как продолжение темы. Для тех, кто не боится экспериментировать. Приглашаю fixed.name Частные случаи разметки web-страниц с помощью фиксированных блоков (колонок)

Принципы оно дело хорошое. Но подводные камни, они на каждом шагу