Frage stellen
ich versuche seit einiger Zeit verzweifelt eine Art Chatprotokoll mittels Textrahmen darzustellen. Es gelingt mir leider nicht, den Textrahmen eine maximale Breite zu geben, die sich entweder dem Text anpasst, oder max 90% des Bildschirms einnimmt, und den Text dann automaitsch umbricht.
Ich habe meine ganze Hoffnung auf max-width gelegt. Ich hatte es auch schon mit span und div versucht. Auch eine Tabelle führte nicht zum Erfolg.
Bitte helft mir. Vielen Dank im Vorraus.
MfG
HaVonTe
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Beispiel Runde Ecken</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
p.borderC
{
padding: 1px;
border: 2px solid #9945F9;
border-radius: 15px;
display:block; text-align:left;
background-color:#D4B3F9;
max-width:90%;
}
p.borderD
{
padding: 1px;
border: 2px solid #3BD655;
border-radius: 15px;
text-align:right;
background-color:#95D6A0;
margin-left:10%;
}
.datum { font-style:italic; font-size:66%}
-->
</style>
</head>
<body>
<p class="borderC">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation
ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem veleum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
<span class="datum">kleiner Beispieltext in Times New Roman</span
</p>
<p class="borderD">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation
ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem veleum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
<span class="datum">kleiner Beispieltext in Times New Roman</span
</p>
<p class="borderC">
sdfsdfsfdsfd.
<span class="datum">kleiner Beispieltext in Times New Roman</span
</p>
<p class="borderD">
sdfsdfsf
<span class="datum">kleiner Beispieltext in Times New Roman</span
</p>
<p class="borderC">
olutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation
ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem veleum iriure dolor in hendrerit in vulputate velit .
<span class="datum">kleiner Beispieltext in Times New Roman</span
</p>
<p class="borderD">
olutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation
ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem veleum iriure dolor in hendrerit in vulputate velit
<span class="datum">kleiner Beispieltext in Times New Roman</span
</p>
</body>
</html>
