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

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

 

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

 

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

 

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

 

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

 

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



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



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

PHP:

#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;
}

 

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

 

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

PHP:

white-space: normal;

Вышло так:

PHP:

#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;
}

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

 

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

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

 

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

 

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

 

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

PHP:

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

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




Помогите..

 

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

 

Добавь в css или в style перепиши

PHP:

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


 

или если у тебя в пхп то можно заменить

Code:

\n на <br />

и вставить в тэг

Code:

<P>

 

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

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

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

 

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