Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Блок pre не растягивает див, в котором сидит, а вылезает из него / 12 сообщений из 12, страница 1 из 1
15.10.2008, 23:53
    #35597104
catsy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
Есть блок div, в него кладется блок pre. Этот блок, естественно, может быть какой угодно ширины, на то он и pre. Блок див наружный никак не ограничивается по размеру, но у него есть margin со всех сторон, равный 10 пикселов, для создания рамочки. Проблема в том, что если pre шире ширины текущего окна, он не растягивает наружный див, как хотелось бы, а просто тупо вылезает за его пределы.
Как это побороть? Чувствую, что это что-то простое как грабли, а что, не знаю.
Всем спасибо
...
Рейтинг: 0 / 0
15.10.2008, 23:59
    #35597109
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
position:absolute может быть?
...
Рейтинг: 0 / 0
16.10.2008, 00:17
    #35597116
catsy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
ShSergeposition:absolute может быть?

В каком смысле? Уже или как решение? Как решение - недопустимо.
...
Рейтинг: 0 / 0
16.10.2008, 02:27
    #35597160
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
причем тут "как решение", естественно "как причина" - знаете же что position:absolute делает. Ну что, и дальше будем на кофейной гуще гадать, или соизволите дать код неработающего примера, можно в упрощенном виде?
...
Рейтинг: 0 / 0
16.10.2008, 05:09
    #35597195
Краказябл
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
никаких position: abolute;
поставьте диву display: table-cell;
...
Рейтинг: 0 / 0
16.10.2008, 19:09
    #35599239
catsy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
Краказяблникаких 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:20
    #35599253
catsy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
ОДно из возможных решений - заменить див на таблицу. Но тогда почему-то пропадает margin.
...
Рейтинг: 0 / 0
16.10.2008, 22:43
    #35599495
catsy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
catsyОДно из возможных решений - заменить див на таблицу. Но тогда почему-то пропадает margin.

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

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

Чушь. Работает только в IE. В сафари и фоксе вылезает даже из таблицы, даже с установленным атрибутом wrap. Все, кранты, непонятно, что делать вообще.
...
Рейтинг: 0 / 0
16.10.2008, 23:13
    #35599530
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
может у pre установить display:block? А у дива min-height:...px?
...
Рейтинг: 0 / 0
16.10.2008, 23:21
    #35599546
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
опечатался min-width:
...
Рейтинг: 0 / 0
16.10.2008, 23:34
    #35599570
catsy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Блок pre не растягивает див, в котором сидит, а вылезает из него
Ренат,
Спасибо, вроде бы все решилось. Решилось именно удалением display:block - уж не знаю, чем им он не понравился.
А самое главное - загвоздка была в самих браузерах! Оказалось, что они просто тупо все кэшировали. После очистки кэша и удаления вышеупомянутой конструкции все более-менее заработало.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Блок pre не растягивает див, в котором сидит, а вылезает из него / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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