Текстовое поле для HTML кода.

[ADV]

Доброго времени суток.

Нужно выводить на страницу текст emailа.

Поддержка только IE7-8.

Cледовательно там может быть html код и textarea не подходит.

Пока использую такой код:

<style type="text/css">

attachemnttext {

overflow:auto;

text-align:justify;

white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */

/*white-space: -pre-wrap; /* Opera 4-6 */

white-space: -o-pre-wrap; /* Opera 7 */

word-wrap: break-word; /* Internet Explorer 5.5+ */

}

</style>

<div id="att" runat="server" class="attachemnttext" style="width:728px;" >

</div>

Он конечно хорошо переносит слова (в письме может бытьнапример очень длинная ссылка), но во первых переносит когда и не надо (это я решаю пока вставкой в каждый пробел <wbr>, что тоже не фонтан какое решение бли большим объемах текста).

Ещё момент который я не могу побороть это установить width:100%.

Хотелось бы узнать как другие решают эту проблему?

[Great Rash]

Так и не понятно в чем вопрос. Что нужно получить и что происходит сейчас?

[Justnewone]

Почему не подходит textarea?

IE7-8? А для чего /* ... */ ? =)

У Вас селектор неверный, правильный .attachemnttext{ ... }

div всегда занимает в ширину все пространство, если его не ограничивают, например через CSS свойства float, position или display

[ADV]

Так и не понятно в чем вопрос. Что нужно получить и что происходит сейчас?

Здравствуйте, Great Rash.

нужно получить текстовое которое выводит html, которое имеет ширину 100%, переносит слова (т.е. горизонтальный скрол крайне нежелателен, картинок не будет в тексте, но слова могут быть очень длинными), и фиксированную высоту (если не умещается, то вертикальный скролл).

Как лучше это реализовать?

Почему не подходит textarea?

IE7-8? А для чего /* ... */ ? =)

У Вас селектор неверный, правильный .attachemnttext{ ... }

div всегда занимает в ширину все пространство, если его не ограничивают, например через CSS свойства float, position или display

Ну точка, это описка при копировании.

Да, совершенно верно, div занимает 100%, но тогда не будет переносов длинных слов и форма будет расширятся т.е. появится горизонтальный скролл.

[Justnewone]

Textare или любой другой элемент, в CSS сказать width:100% (будет отсчитываться от родителя)

можно еще сказать overflow-x:visible, но не понятно, если слово может быть длинное, оно что, будет поверх?

[ADV]

Почему не подходит textarea?

IE7-8? А для чего /* ... */ ? =)

У Вас селектор неверный, правильный .attachemnttext{ ... }

div всегда занимает в ширину все пространство, если его не ограничивают, например через CSS свойства float, position или display

Textarea и input не подходят, так как в тексте mailа могут быть теги.

[Justnewone]

Textarea и input не подходят, так как в тексте mailа могут быть теги.

Предположу,

если все это внутри таблицы находится, ей надо дать table-layout:fixed

только тогда отработает 100% ширины

[ADV]

Предположу,

если все это внутри таблицы находится, ей надо дать table-layout:fixed

только тогда отработает 100% ширины

Спасибо, ушел пробовать.

[Great Rash]

Почитал, что обо всем этом пишет мировое сообщество... мда, невесело как-то. <wbr> - невалидно, & shy; - некроссбраузерно. Имхо выход один - overflow: auto; и максимальная ширина, чтоб верстку не ломать.