Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: горизонтальная прокрутка / 6 сообщений из 6, страница 1 из 1
28.11.2007, 14:48
    #34971946
CSS: горизонтальная прокрутка
ребята, подскажите, кто знает

есть такой кусок CSS:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
blockquote {
  margin: 10px 30px 10px 10px;
  font-family: Monospace;
  border: 2px inset;
  background-color: #c6cfff;
  padding: 9px;
  white-space: pre;
  overflow-x: auto;
}

Код: plaintext
white-space: pre;
дает нам текст как он есть - не перенося его на новую строку

Код: plaintext
overflow-x: auto;
- должен добавлять горизонтальную прокрутку, в случае если текст не входит в блок по горизонтали

НО, в mozilla работает на ура
а вот IE как обычно - подводит

не подскажете, как сделать, чтобы работал и в IE?
...
Рейтинг: 0 / 0
28.11.2007, 14:59
    #34972003
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: горизонтальная прокрутка
Элементу должен быть задан размер.
...
Рейтинг: 0 / 0
28.11.2007, 15:51
    #34972273
CSS: горизонтальная прокрутка
AntonariyЭлементу должен быть задан размер.

Код: plaintext
width:  90 %;
является заданием размера?
в решение проблемы - ничего не внесло((
...
Рейтинг: 0 / 0
28.11.2007, 16:13
    #34972394
CSS: горизонтальная прокрутка
Antonariy...спасибо в любом случае
нашел, что срубало

в элементах верхнего уровня
стояло
word-wrap: break-word;
что соотв переносило слова - и прокрутка не добавлялась
...
Рейтинг: 0 / 0
28.11.2007, 16:18
    #34972420
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: горизонтальная прокрутка
Размер должен быть или абсолютныи или относительным к родителю, при этом размер родителя тоже должен быть однозначно высчитываем. Например:
Код: plaintext
1.
2.
3.
4.
<body>
    <div>
        <div style="height:50%;overflow:auto"></div>
    </div>
</body>
не сработает, потому что у внешнего дива высота не задана.
...
Рейтинг: 0 / 0
28.11.2007, 16:34
    #34972496
CSS: горизонтальная прокрутка
AntonariyРазмер должен быть или абсолютныи или относительным к родителю, при этом размер родителя тоже должен быть однозначно высчитываем.
в чем там ошибка была разобрался
теперь другой косяк
почему-то IE к некоторым блокам еще добавляет вертикальную прокрутку
хотя там высота не ограничена

и причем делает он это не для всех блоков!!!
не встречалось такое поведение

доавляет к ним буквально по одной строке
поигрался с пустыми абзацами вначале в конце блока - ниче не дало((
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: горизонтальная прокрутка / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]