Тег <pre></pre> вылазит за div

[Fantom3D]

Есть в html такой тег: <pre></pre> . Он позволяет показывать текст так, как он был набран, с ентерами, без вставки тега <br>. Но он так и показывает текст, как есть, строкой, и текст вылазит за размеры div-а и портит все. Помогите, как побороть этот ад? Может есть какой-то нормальный тег?

[Deathdreams]

Юзай параметр style

[Zombi ****]

сделай через стили!

[Fantom3D]

А подскажите как.. я в css практически нолик

[Zombi ****]

скин дай что там у тя не так?

[Fantom3D]

Вот создаю я новость, все норм:

http://i1.fastpic.ru/thumb/2010/0207/b6/4cc730bde3f444b4845a66635e3805b6.jpeg (http://fastpic.ru/view/1/2010/0207/4cc730bde3f444b4845a66635e3805b6.png.html)

А когда окружаю ее тегом , то вылезает за все дивы, соблюдая длину строки:

http://i1.fastpic.ru/thumb/2010/0207/5f/89fb578c2ef06f8c1f0db4cc3556a35f.jpeg (http://fastpic.ru/view/1/2010/0207/89fb578c2ef06f8c1f0db4cc3556a35f.png.html)

Вот код из css, который отвечает за div новостей(насколько я понял из такого дива - "<div id="left">"):

#left
{

width: 549px;
padding: 6px 8px 0px 26px;
margin-left: 0px;
float:left;
}

#left H2 {
background:url(images/bg_tl.jpg) 0px 0px no-repeat;
border-bottom: 1px dashed #C58E36;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#C58E36;
padding: 10px 0px 5px 0px;
font-weight: bold;

}

#left li ul {
border: 0px;
margin-left: 20px;
margin-bottom: 10px;
padding-top: 15px;
padding: 0px;


}

#left ol {
margin: 10px 25px;
}

#left a {
color: #4DA0C6;
text-decoration: none;
}

#left a:hover {
color: #4DA0C6;
text-decoration: underline;
}

#left a:visited {
color: #4DA0C6;
}

[imajo.ati]

#left, #left * {
white-space: normal;
}

[Fantom3D]

#left, #left * {
white-space: normal;
}


Добвил везде:

white-space: normal;

Вышло так:

#left
{

width: 549px;
padding: 6px 8px 0px 26px;
margin-left: 0px;
float:left;
white-space: normal;
}

#left H2 {
background:url(images/bg_tl.jpg) 0px 0px no-repeat;
border-bottom: 1px dashed #C58E36;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#C58E36;
padding: 10px 0px 5px 0px;
font-weight: bold;
white-space: normal;
}

#left li ul {
border: 0px;
margin-left: 20px;
margin-bottom: 10px;
padding-top: 15px;
padding: 0px;
white-space: normal;

}

#left ol {
margin: 10px 25px;
white-space: normal;
}

#left a {
color: #4DA0C6;
text-decoration: none;
white-space: normal;
}

#left a:hover {
color: #4DA0C6;
text-decoration: underline;
white-space: normal;
}

#left a:visited {
color: #4DA0C6;
white-space: normal;
}

Ноль реакции. :confused:

[Deathdreams]

<pre style="white-space: normal;"></pre>
?

Тоже в CSS не алё.

[Fantom3D]

Deathdreams
Если сделать так, то вообще ничего не происходит =(

[WNZRS]

<pre style="overflow:scroll;width:600px;height:300px;">....</pre>

[Fantom3D]

Ну. тогда уже скорее так:

<pre style="overflow:scroll;width:570px;height:300px;">
...
</pre>

Смотрите что выходит:

http://i3.fastpic.ru/thumb/2010/0210/4c/61b60586c777d163a1ff898bc6a58c4c.jpeg (http://fastpic.ru/view/3/2010/0210/61b60586c777d163a1ff898bc6a58c4c.png.html)


Помогите.. :confused:

[Fantom3D]

Ау...... помогите..

[t4Nk]

Ау...... помогите..
Добавь в css или в style перепиши

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

[Seravin]

или если у тебя в пхп то можно заменить \n на <br /> и вставить в тэг<P>

[Solker]

Забудь про <pre>, он явно не для твоего случая.
<br/> это плохой стиль верстки.

Чем тебе не нравится вариант, который ты в самом начале предложил, без <pre>?
Такие вещи как у тебя, всегда делаются с помощи <p> и подгоняются стилями.

Посмотри например, как сделано у WordPress.

[miniden]

ТС,тебе везде скажут, юзать pre это как GOTO, никто его не юзает, это еще очень давно, а сейчас прочитай книжки 2 про HTML и про CSS, мое ИМХО HTML без CSS не правильно, все должно быть красиво!