Не растягивается контейнер

[heywait]

Добрый вечер!

Возникла проблема во время верстки макета Вердера, никак не могу понять как с ней бороться. У блока .container ширина задана 100% и флаг спозиционирован в правом верхнем углу бэкграундом, но тем не менее, когда я позже поместил меню на сайт со свойством nowrap - оно почему-то вышло за границы контейнера при разрешении 1024х768.

Чем обусловлено такое поведение?

http://sleepwalker51.narod.ru/

[sammasati]

Обусловлено тем, что ширина меню больше 1024 пикселей, а т.к. стоит nowrap, то оно и не переносится. Получается, что вылезающий текст просто выпадает из потока и контейнер его не захватывает. Да и зачем?

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

[heywait]

Обусловлено тем, что ширина меню больше 1024 пикселей, а т.к. стоит nowrap, то оно и не переносится. Получается, что вылезающий текст просто выпадает из потока и контейнер его не захватывает. Да и зачем?

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

А как в таком случае сделать, чтобы появлялась полоса прокрутки? Если убрать nowrap - меню съезжает на следующую строку. min-height дает тот же результат, что и nowrap. Я все еще в замешательстве

[sammasati]

А тебе нужна полоса прокрутки? Обычно люди стараются от нее избавиться

Можно поставить контейнеру min-width равную ширине меню, тогда он не будет уже ширины меню, текст не будет выпадать и будет полоса прокрутки. В этом случае и nowrap не нужен.

[heywait]

В данном случае мне нужно, чтобы все корректно отображалось при разрешении 1280х1024, что в общем-то не сложно, и чтобы при разрешении 1024 была полоса прокрутки и ничего никуда не съезжало.

Сейчас вы можете увидеть, что между флагом и правым краем окна остается пробел вместе с полосой прокрутки. Вот это и есть основная головная боль. Не понимаю, откуда это берется, а главное - что с этим делать?

[heywait]

ну, хотя бы не слишком тонко намекните

[hedgehog]

От меню и берется. Контейнер - 1200px, меню - 1200px + 50px margin слева. т.е. 1250px, поэтому вылазит.

Edited December 22, 2011 by hedgehog

[heywait]

sammasati, hedgehog, спасибо за участие! это мой первый шаблон с резиной и я немного растерялся. получилось даже обойтись без полосы прокрутки при разрешении 1024х768

[heywait]

Не хотелось бы создавать тему к одному и тому же макету. Есть еще один вопрос.

Из-за чего может в разных браузерах отличаться расстояние между буквами? Расстояние между символами, к примеру, в ie 8 и 9 отличается. А также в хроме и фаерфоксе (в хроме расстояние больше).

Размеры шрифта задавал через пиксели. Еще пробовал ворд спейсин и леттер спейсин обнулять - безрезультатно.

Ссылку продублирую http://sleepwalker51.narod2.ru/

[hedgehog]

http://www.w2b.com.ua/audit/262-kross-brauzernost-teksta-ili-mify-o-shriftax.html

Еще, кстати, немалую роль играют настройки антиалиасинга (сглаживание). То есть, в одном и том же браузере на разных компьютерах шрифт может выглядеть по-разному

Edited January 5, 2012 by hedgehog