nicht angemeldet
Zeilenumbruch bei DIV
hallo,
ich versuche ein 2 spaltiges layout mit <div> zu erstellen, bei dem der Text nicht ueber die Umrandung herausfliesst, beim unteren code passiert das leider.
Konkret, wie erreiche ich, das der Text eine neue Zeile nimmt, wenn das Div element endet?
Thx,
ben
-
<html>
<head>
<title>style-Attribut</title><style type="text/css">
body {
}div#left {
float: left;
border: dashed silver;
width: 49%;
color:#000000;}
div#right {
border: dashed silver;
float: right;
color:#CC0000;
width: 49%;}
</style>
</head>
<body>
<div id="left">
<h1>Die Seite mit dem besonderen Element</h1>
aber das folgende Element soll etwas Besonderes sein:</p>
<p>Hier sind zwar zentrale Formatdefinitionen vorhanden,Unser Kopf ist rund, damit das Denken die RichtungRichtungdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung Richtung wechseln kann!
</p></div>
<div id="right">
<h1>Die Seite mit dem besonderen Element</h1>
aber das folgende Element soll etwas Besonderes sein:</p>
<p>Hier sind zwar zentrale Formatdefinitionen vorhanden,Unser Kopf ist rund, damit das Denken die Richtung wechseln kann!adsacvasdfasdfasdddddddddddddddddddddddddddddddddddddddddddddddddddasddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddUnser Kopf ist rund, damit das Denken die Richtung wechseln kann!adsacvasdfasdfasddddddddddddddddddddddddddddddddddddddddddddddddddd
</p>
</div>
</body>
</html>