ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Блок pre не растягивает див, в котором сидит, а вылезает из него
12 сообщений из 12, страница 1 из 1
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35597104
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
Есть блок div, в него кладется блок pre. Этот блок, естественно, может быть какой угодно ширины, на то он и pre. Блок див наружный никак не ограничивается по размеру, но у него есть margin со всех сторон, равный 10 пикселов, для создания рамочки. Проблема в том, что если pre шире ширины текущего окна, он не растягивает наружный див, как хотелось бы, а просто тупо вылезает за его пределы.
Как это побороть? Чувствую, что это что-то простое как грабли, а что, не знаю.
Всем спасибо
...
Рейтинг: 0 / 0
15.10.2008, 23:53
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35597109
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
position:absolute может быть?
...
Рейтинг: 0 / 0
15.10.2008, 23:59
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35597116
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
ShSergeposition:absolute может быть?

В каком смысле? Уже или как решение? Как решение - недопустимо.
...
Рейтинг: 0 / 0
16.10.2008, 00:17
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35597160
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
причем тут "как решение", естественно "как причина" - знаете же что position:absolute делает. Ну что, и дальше будем на кофейной гуще гадать, или соизволите дать код неработающего примера, можно в упрощенном виде?
...
Рейтинг: 0 / 0
16.10.2008, 02:27
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35597195
Краказябл
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Краказябл
Участник
никаких position: abolute;
поставьте диву display: table-cell;
...
Рейтинг: 0 / 0
16.10.2008, 05:09
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599239
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
Краказяблникаких position: abolute;
поставьте диву display: table-cell;

Не-а, в IE не работает. В Safari пропадает margin. В FF нормально, тоже пропадает margin.

К предыдущим ораторам: говорю же, там только:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
#content {
background-color:#fafcff;
border:1px solid # 909090 ;
color:#2a2a2a;
padding:10px;
width: 95 %;
margin:10px 40px 10px 10px;text-align:left;}

#content .Code
{
    background-color: #F8ECDA;
    border: 1px solid #F3E0C2;
    font-family: 'Courier New' , Courier, monospace;
    font-size:  1 .2em;
    margin: 5px 5px 5px 5px;
    padding: 5px;
    display:block;
}

Код примерно такой:

Код: plaintext
1.
2.
3.
4.
5.
6.
<div id="content">
<div class="Code"><pre wrap style="word-wrap:break-word">
Текст
</pre>
</div>
</div
...
Рейтинг: 0 / 0
16.10.2008, 19:09
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599253
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
ОДно из возможных решений - заменить див на таблицу. Но тогда почему-то пропадает margin.
...
Рейтинг: 0 / 0
16.10.2008, 19:20
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599495
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
catsyОДно из возможных решений - заменить див на таблицу. Но тогда почему-то пропадает margin.

Все. Решилось заменой дива на таблицу. Видимо, раньше, чего-то не хватало. Теперь все нормально, и везде.
Всем спасибо. Вопрос закрыт.
...
Рейтинг: 0 / 0
16.10.2008, 22:43
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599513
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
catsycatsyОДно из возможных решений - заменить див на таблицу. Но тогда почему-то пропадает margin.

Все. Решилось заменой дива на таблицу. Видимо, раньше, чего-то не хватало. Теперь все нормально, и везде.
Всем спасибо. Вопрос закрыт.

Чушь. Работает только в IE. В сафари и фоксе вылезает даже из таблицы, даже с установленным атрибутом wrap. Все, кранты, непонятно, что делать вообще.
...
Рейтинг: 0 / 0
16.10.2008, 22:56
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599530
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
может у pre установить display:block? А у дива min-height:...px?
...
Рейтинг: 0 / 0
16.10.2008, 23:13
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599546
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
опечатался min-width:
...
Рейтинг: 0 / 0
16.10.2008, 23:21
| Ответить | Цитировать | Написать  
Блок pre не растягивает див, в котором сидит, а вылезает из него
    #35599570
catsy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
catsy
Участник
Ренат,
Спасибо, вроде бы все решилось. Решилось именно удалением display:block - уж не знаю, чем им он не понравился.
А самое главное - загвоздка была в самих браузерах! Оказалось, что они просто тупо все кэшировали. После очистки кэша и удаления вышеупомянутой конструкции все более-менее заработало.
...
Рейтинг: 0 / 0
16.10.2008, 23:34
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Блок pre не растягивает див, в котором сидит, а вылезает из него
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35597104&tid=1455720]:
 0ms
get settings:
 6ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 32ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 1ms
others: 200ms
total:  296ms
созд. / загр.: 296ms
x
x
Закрыть


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