За столь продолжительный период верстки сегодня мне впервые пришлось столкнуться с необходимостью разместить на странице фиксированный блок (используя CSS-свойство position:fixed), который бы при скролле страницы всегда сидел в одном месте окна браузера. Информацию по этому поводу я, естественно, почитал на разных блогах и форумах. Но ...
Пришло время, и я наконец-таки решился отказаться от верстки под устаревший браузер Internet Explorer 7. Если это будет верстка на заказ, то вносить изменения под него буду только за дополнительную плату, а для своих проектов забуду вообще. ...
Неоднократно при верстке сайтов мне приходилось сталкиваться с ситуацией, когда строки в таблице или пункты вертикального списка необходимо было оформить зеброй. Т. е. одна строка, к примеру, с белым фоном, вторая с серым, третья опять ...
Антон Молодой подкинул мне идею для этого поста. Он столкнулся с проблемой, с которой с моей косвенной помощью сам же и справился. Я с этим багом (да, речь пойдет об очередном баге IE) никогда не сталкивался, поэтому решил написать об этом ...
Данный пост основан на переводе интересной англоязычной статьи «10 Fixes That Solve IE6 Problems». Информация, изложенная ниже, будет полезна как начинающим верстальщикам, там и бывалым. Зеленым цветом я пометил пункты, содержимое которых полностью ...
Комментарии (50)
Понятно, тока у меня все равно не получается. В mozilla все супер, а в IE… перечитаю еще раз статью :(. Спасибо
Круто, что тут еще скажешь. Молодец ;)
Вот, когда сделаю, если получится, конечно, прокрутку страницы при нахождении крсора мыши над фиксированным блоком, тогда да :)
Будет полный фен-шуй :)
Наконец-то созрел и открыл ресурс посвященный фиксированным блокам (колонкам) на web-страницах.
Приглашаю — fixed.name
Без графических выкрутасов, сугубо технические моменты и детали, примеры.
#wrapper {
width: 642px;
Я полагаю здесь должно быть так:
#wrapper {
width: 885px;
?
Лечится заданием минимальной ширины для блока c position: fixed
Увы не лечится
Народ, может кто подсказать как правильно сделать:
ventern.ru/321.htm
Собственно все хорошо, пока не появлется горизонтальный скрол, начинаешь его двигать туда сюда меню на месте текст ездит, смотрится кошмарно, как вылечить?
несколько дней бился с кодом затем копал интернет в поиске такой же ситуации как у меня, и вот она!
Спасибо большое автору! Его метод работает во всех браузерах, без особых нареканий (кроме ie6, даже с pixel. gif дрыгается блок). В сравнении с другими методами (которые у меня почему-то не заработали) данная статья показывает ПРОСТОЕ и красивое решение вопроса.
Здравствуйте! проблема такая, у меня шапка сайта зафиксирована 155 пиксел. а я хочу в теле сайта использовать дерево каталогов и при этом хочу использовать вот этот тег
<a name="videocam1"></a><a href="#videocam1"></a>но у меня результат он уходит под верхнее меню то есть под шапку, как мне решать эту проблему? заранее спасибо!!!
Дмитрий здравствуйте (не надеюсь получить помощь, но все же напишу), на сайте www.brizmotors.ru добавил div="help" с position: fixed; работает во всех браузерах, включая IE 6−8 но на странице с товаром например здесь: www.brizmotors.ru/equipment/marine_engines/4000/4341_srm87/ position: fixed не срабатывает только в IE.
Затрудняюсь ответить.
Автор, спасибо большое, мне очень помогла ваша статья!
Расскажите каким образом у вас зафиксирован на данной странице блок «share42», в котором находятся кнопки соц.сетей. Интересует эффект фикса, но при этом в самом верху страницы блок не может подняться выше указанного ему места. При этом юзается скрипт
share42('/wp-content/themes/dimox.name/i/', 285,14)
Опишите пожалуйста этот пример, он намного более элегантнее смотрится.
Смотрите на сайте share42.com, либо статью dimox.name/socializ-floating-panel/, там есть все необходимое.
Респект тебе!!!
Пригодилось спасибо
странно, все сделала так как у Вас описано, все получилось, но вот много елементов на сайте стали не кликабельны: заголовки статей, блок адсенсе который я закрпила этим способом, и весь sidebar (правый).
Здравствуйте! У вас в слева значки блогов зафиксированы, очень стильно, при этом фиксируются после прокрутки шапки, подскажите как сделали? Спасибо.
http://share42.com/
к стати на счёт значков у меня они показаны только на половину другая часть где-то за экраном (
Спасибо, исправил.
Наткнулся на статью с гугла, спасибо большое, но мою проблему она не помогла решить. У меня ситуация примерно такая же как у вас, только сайт резиновый, позиционирование относительно левого края мне ставить бессмысленно, а с правым не работает. Сталкивались ли вы с этой проблемой?
Спасибо за информацию. Как раз хочу нечто подобное сделать.
Cпасибо огромное, мучался 2 дня с блоком меню который нехотел отображаться в FireFox нормально и все сползало вниз, а в Opere все было нормально. Вопрос решен, снимаю шляпу пред Вами
Это то, что я так долго искал. автор, спасибо огромное!
не понятно что за left: 323px; к блоку. fixed, и как расчитать для других width