Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Глюк с выходом за пределы блока в Хроме

Обсуждение темы Глюк с выходом за пределы блока в Хроме в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Вот сайт . Справа есть чат. Если посмотреть в опере или мозелле, то все ок. Но если зайти з хрома, то там почему ...


Закрытая тема
 
Опции темы
Старый 30.06.2009, 15:25   #1
Вот сайт. Справа есть чат. Если посмотреть в опере или мозелле, то все ок. Но если зайти з хрома, то там почему то текст не переходит на следующую строку, а идет за пределы екрана. Почему такое может быть? И именно в хроме?
 
Старый 30.06.2009, 15:25
Ссылки
Старый 01.07.2009, 00:46   #2
Цитата:
Сообщение от BleSSeD Посмотреть сообщение
если зайти з хрома, то там почему то текст не переходит на следующую строку, а идет за пределы екрана
IE 6 та же бага

Добавлено через 10 минут

Код:
.chat_msg (линия 58){
color: #000000;
font-size: 11px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 10px;
background-color: #eaffea;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #dddddd;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #dddddd;
white-space: pre-wrap;
}
че это за хрень?
Справочка:
Цитата:
white-space
Задает, будут ли строки текста, содержащегося в элементе страницы, автоматически переноситься, если они не помещаются в нем по ширине.
white-space: normal|nowrap|pre;
* white-space: normal; - (значение по умолчанию) включает автоматический перенос длинных строк;
* white-space: nowrap; - отключает автоматический перенос строк. Чтобы "разорвать" строку вручную, вставьте в нужном месте тег <BR> (NN не поддерживается);
* white-spice: pre; - не поддерживается;

Последний раз редактировалось Aldes; 01.07.2009 в 00:46.. Причина: Добавлено сообщение
 
Этот пользователь сказал спасибо Aldes за это полезное сообщение:
BleSSeD (01.07.2009)
Старый 01.07.2009, 16:06   #3
Исправил, сейчас
Цитата:
.chat_msg {
color:#000000;
font-size:11px;
padding:3px;
padding-right:10px;
background-color:#EAFFEA;
border-bottom:1px dotted #DDDDDD;
border-top:1px dotted #DDDDDD;
}
но все равно так как было, так и есть(((
 
Старый 02.07.2009, 02:58   #4
Попробуй у #chat_window убрать overflow-x: hidden;

Или у таблицы внутри #chat_window поставить ширину не 100%, а такую же, как у родительского блока.
 
Этот пользователь сказал спасибо kost за это полезное сообщение:
BleSSeD (04.07.2009)
Старый 04.07.2009, 00:13   #5
Оно как-то само стало нормально %)
 
Старый 04.07.2009, 00:13
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите с градиентом блока в IE phenor HTML, CSS, JavaScript 1 05.07.2011 16:28
фон для блока удалить parch HTML, CSS, JavaScript 4 22.05.2010 19:42
Перенос блока в IE 6.0 Medon HTML, CSS, JavaScript 2 09.03.2010 17:27
Javascript - движение блока Glook HTML, CSS, JavaScript 6 11.03.2008 20:52
Ширина и высота блока в Nc graphh HTML, CSS, JavaScript 6 08.04.2004 13:30


Текущее время: 22:13. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум