Некорректное отображение навигации на Widescreen'ах

[rusmn]

На стандартных мониторах все замечательно, на вайдскирнах навигация едет вправо и буквы выглядят растянутыми.

Если кто-нибудь сталкивался, буду признателен за помощь. Сайт http://christopherbean.com/new/

[swetlana]

ой!

left: -2000px;
position: absolute;
top: 167px;
width: 4000px;

за что ж вы его так?

[psywalker]

ой!

left: -2000px;
position: absolute;
top: 167px;
width: 4000px;

за что ж вы его так?

Ой, ужас то какой, пади провинился бедолага.

[swetlana]

…Если кто-нибудь сталкивался…

простите, на такое фантазии не хватило

Ну а если серьёзно: в чём высший смысл этого кода?

[psywalker]

простите, на такое фантазии не хватило

Ну а если серьёзно: в чём высший смысл этого кода?

Кажется я понял Свет. Человек хотел выровнять меню по середине таким образом. На тот случай, если пункты будут убираться, то меню всё равно должно быть по середине.

Но если так, то ведь даже на моей дырявой памяти есть варианта три, как сделать это намного проще

[rusmn]

Да, знаю что неправильно, надо сделать весь этот бекграунд 100% по ширине, сделал пока так, из за нехватки знаний видимо, был бы признателен за совет как сделать это эллегантнее.

[swetlana]

да там всё на абсолютном позиционировании.

и счастье для любителей обёрток:

body div.wrapper { background:transparent; }

[psywalker]

Да, знаю что неправильно, надо сделать весь этот бекграунд 100% по ширине, сделал пока так, из за нехватки знаний видимо, был бы признателен за совет как сделать это эллегантнее.

Ты имеешь ввиду фон меню? Его надо растянуть на 100% ширины экрана?

да там всё на абсолютном позиционировании.

и счастье для любителей обёрток:

body div.wrapper { background:transparent; }

Ну смотря как их использовать и понимать для чего они.

[swetlana]

автор, вам такая рекомендация: забудьте про свойство position.

Вообще.

Как будто его нет в спецификациях, и как будто браузерами оно не поддерживается.

Это свойство можно применять лишь тогда, когда чётко понимаешь, что оно значит.

В вашем случае нет никакой нужды в позиционировании. Всё легко и просто отбивается маргинами. Выравнивается через text-align.

[psywalker]

автор, вам такая рекомендация: забудьте про свойство position.

Вообще.

Как будто его нет в спецификациях, и как будто браузерами оно не поддерживается.

Это свойство можно применять лишь тогда, когда чётко понимаешь, что оно значит.

В вашем случае нет никакой нужды в позиционировании. Всё легко и просто отбивается маргинами. Выравнивается через text-align.

Погоди, погоди подружка, там по моему в другом дело. Кажись в фоне.

А насчёт абсолюта поддерживаю полностью.

[swetlana]

фон там ни при чём.

Элементы встанут на места — и фон будет на местах.

растянутый на всё body фон тоже в порядке.

[psywalker]

фон там ни при чём.

Элементы встанут на места — и фон будет на местах.

растянутый на всё body фон тоже в порядке.

Так в том то и дело, что все эти абсолюты и релативы кругом мешают ему нормально растянуться. Да и сам он избалован донельзя.

[rusmn]

Ты имеешь ввиду фон меню? Его надо растянуть на 100% ширины экрана?

Ну смотря как их использовать и понимать для чего они.

Да, его растянуть надо.

[psywalker]

Да, его растянуть надо.

Ну для начала тебе нужно там всё срочно переверстать. Как ты на это смотришь?

[swetlana]

так фон у менюшки сделан правильно.

Сама менюшка, если убрать всю эту жесть, как раз на ширину страницы раскинется.

Проблема именно в том, что не к месте прилеплено позиционирование, напрочь тут не нужное.

[rusmn]

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

Что меня щас больше всего волнует, это бредовая проблема того что у меня навигация выглядит так:

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

[psywalker]

Ну так в том то и дело, что твоё окружение возле меню мешает сделать его нормальным. Это раз. А во-вторых попробуй уж тогда вынести его из всех контейнеров и наложить сверху на сайт, твоим любимым абсолютом. Всё равно терять тебе нечего уже. Только ширину поставь 100% и убери все отступы. Внутри выровни пункты.

[SelenIT]

"Helvetica Neue","Courier New",Courier,Georgia,Times,"Times New Roman",serif

Что в этом списке шрифтов с засечками делает беззасечечная "Helvetica Neue"? Очевидно, что ей менюшка будет отображаться совсем не так, как моноширинным "Courier New" (как меня и у большинства юзеров Windows, я полагаю)...

[rusmn]

Что в этом списке шрифтов с засечками делает беззасечечная "Helvetica Neue"? Очевидно, что ей менюшка будет отображаться совсем не так, как моноширинным "Courier New" (как меня и у большинства юзеров Windows, я полагаю)...

Да точняк, спасибо.

Спасибо Swetlan'e n Psywalker'у тоже за критику и наставление на путь истинный.

Жестко натупил я.

Edited February 25, 2011 by rusmn

[psywalker]

Да точняк, спасибо.

Спасибо Swetlan'e n Psywalker'у тоже за критику и наставление на путь истинный.

Жестко натупил я.

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

[swetlana]

Ну, насчет того, чтобы все перевестать заного - не знаю, лучше в следующий раз…

блин, да чего там верстать-то?

на полчаса всей забавы

[psywalker]

блин, да чего там верстать-то?

на полчаса всей забавы

А чё это за мощь такая? http://swetlanabayer.ru/blog/examples/coff.../top-stripe.png

[swetlana]

Макс, картинки все потырены у автора темы в неизменённом виде

[psywalker]

Макс, картинки все потырены у автора темы в неизменённом виде

Аааа, а я уже за тебя боятся начал

[rusmn]

Ладно, я иду смотрителем маяка работать.

[swetlana]

не надо бояться.

Ты ж знаешь. Если б я сделала такого монстра, это бы имело под собой основания.

Допустим, если бы он весил всего на полтора байта больше, чем мелочь шириной в полпикселя.