Меня уже не один год мучает проблема, наглядный пример которой можно посмотреть на этой вот странице:
http://help.ubuntu.ru/terms/стилистика_статей
Проблема вот в чём: несмотря на то, что стоит универсальный селектор
* { margin: 0 }
у основного контейнера (ячейка таблицы) установлено overflow: hidden, а у тега pre overflow: auto, эта редиска всё равно растягивает страницу!
Наблюдается во всех версиях FF, IE, Chrome и Opera 10.5, причём в Opera 10.10 и младше - всё нормально.
Все мои ломания мозгов об спецификации CSS так и не дали ответ на вопрос почему, и главное, как это заставить работать.
Поправьте меня если я не прав. Нулевые правый и левый марджины у всех блочных элементов означают 100% ширину, 100% у body - это полное окно браузера и ни пиксела больше.
Соответственно указание overflow: hidden у внешнего контейнера как минимум должно означать, что ни при каких условиях страница не будет растянута. И даже шут с ним, комбинация всё тех же width: 100% и overflow: auto должна обеспечивать прокрутку в случае если содержимое контейнера шире самого контейнера.
Итого на одной страничке можно наблюдать два бага реализации свойства overflow.
Собственно задача: заставить тег pre при выходе его содержимого за максимальный размер показывать полосы прокрутки. По высоте отлично работает ограничение max-height и overflow-y: auto. По длине margin: 0 и overflow-x: auto работать отказываются.
http://help.ubuntu.ru/terms/стилистика_статей
Проблема вот в чём: несмотря на то, что стоит универсальный селектор
* { margin: 0 }
у основного контейнера (ячейка таблицы) установлено overflow: hidden, а у тега pre overflow: auto, эта редиска всё равно растягивает страницу!
Наблюдается во всех версиях FF, IE, Chrome и Opera 10.5, причём в Opera 10.10 и младше - всё нормально.
Все мои ломания мозгов об спецификации CSS так и не дали ответ на вопрос почему, и главное, как это заставить работать.
Поправьте меня если я не прав. Нулевые правый и левый марджины у всех блочных элементов означают 100% ширину, 100% у body - это полное окно браузера и ни пиксела больше.
Соответственно указание overflow: hidden у внешнего контейнера как минимум должно означать, что ни при каких условиях страница не будет растянута. И даже шут с ним, комбинация всё тех же width: 100% и overflow: auto должна обеспечивать прокрутку в случае если содержимое контейнера шире самого контейнера.
Итого на одной страничке можно наблюдать два бага реализации свойства overflow.
Собственно задача: заставить тег pre при выходе его содержимого за максимальный размер показывать полосы прокрутки. По высоте отлично работает ограничение max-height и overflow-y: auto. По длине margin: 0 и overflow-x: auto работать отказываются.