Hej!
Har en xmlfil som representerar ett mail.
<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet type="text/css" href="mail.css"?>
<E-postmeddelande>
<To>
<displayName>Mottagare</displayName>
<value>user@domain.com</value>
</To>
<CC>
<displayName>Kopia</displayName>
<value></value>
</CC>
<BCC>
<displayName>Hemlig kopia</displayName>
<value></value>
</BCC>
<Subject>
<displayName>Ämne</displayName>
<value>This is my mail</value>
</Subject>
<Body>
<displayName>Meddelande</displayName>
<value>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis congue odio, non consectetur justo mollis in. Integer dapibus dignissim
med radbrytningar
flera radbrytningar
id faucibus nunc elementum sit amet. Maecenas porttitor imperdiet nisi, vel posuere erat porttitor sit amet. Morbi ac auctor odio. Aliquam at lacus mollis tortor varius malesuada sit amet ut urna. Aenean ac nisl sem. Integer sed mattis erat. Aenean tristique turpis sagittis ipsum pulvinar luctus. Aliquam rhoncus tempus ante, in vestibulum mauris fringilla at. Fusce dictum, turpis vitae fringilla placerat, augue ligula viverra erat, id vehicula erat enim id orci. Quisque tristique, dui vel eleifend pharetra, nisi sapien convallis arcu, a tincidunt lorem libero a urna. Nulla vestibulum lacinia mauris, non dapibus dui egestas et. Aliquam luctus hendrerit purus a volutpat. Curabitur ligula sapien, gravida vitae vulputate in, commodo vel enim. Morbi sit amet massa odio. Aliquam erat volutpat. Aliquam erat volutpat. Donec et interdum magna. Nullam facilisis tellus vitae mauris sollicitudin eu feugiat lectus vehicula. Sed non neque enim.
</value>
</Body>
</E-postmeddelande>
Jag försöker nu styla den så att radbrytningarna som ligger i body/value-taggen behålls samtidigt som browsern lägger in nya radbrytningar när raden blir för lång (dvs ingen sidoscroll).
Det här fungerar fint i firefox
E-postmeddelande
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12pt;
color: #000;
display: block;
}
To, CC, BCC, Subject {display: block; margin-top: 5px;}
displayName {display: inline-block; width: 140px; font-weight: bold; vertical-align:top;}
Body value{
background: yellow;
display: block;
margin-top: 5px;
white-space: pre-line;
}
men problemet är att det måste fungera i IE (en IE-specifik lösning är helt ok). Några tips?