Zeilenumbruch div
tropenberta
- https
hi leuts
beim div-container "sblase" geht die schrift über den div-container hinaus und ich weis nicht warum. bei den containern boxA-boxC wird die schrift doch auch beim rand umgebrochen. pls hlp.
html:
<div id="main">
<div id="grp">
<div id="sblase" style="border: 1px solid red;">
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla
</div>
<img src="images/Startseite_Team.jpg" width="816" height="616" usemap="#auswahl" />
<map name="auswahl">
<area shape="rect" coords="240,250,300,300" onclick="fenster('1')" title="Hans Huber" href="#">
<area shape="rect" coords="560,210,620,260" onclick="fenster('2')" title="Karl Dall" href="#">
<area shape="rect" coords="320,210,370,260" onclick="fenster('3')" title="Eva Nah" href="#">
</map>
</div>
<div id="boxA"><h4>Kundenstimmen2</h4>
<h5>Text Text TextText Text TextText Text TextText TextText Text TextText Text TextText Text TextText TextText Text TextText Text TextText
Text TextText TextText Text TextText Text TextText Text TextText Text</h5></div>
<div id="boxB"><h4>Kundenstimmen2</h4>
<h5>Text Text TextText Text TextText Text TextText TextText Text TextText Text TextText Text TextText TextText Text TextText Text TextText
Text TextText TextText Text TextText Text TextText Text TextText Text</h5></div>
<div id="boxC"><h4>Kundenstimmen2</h4>
<h5>Text Text TextText Text TextText Text TextText TextText Text TextText Text TextText Text TextText TextText Text TextText Text TextText
Text TextText TextText Text TextText Text TextText Text TextText Text</h5></div>
</div>
</div>
css:
#boxA { width:198px;
height:200px;
background:#D4D0C8; }
#boxB { width:198px;
height:200px;
background:#BFBFBF;
margin-top:8px;
}
#boxC { width:198px;
height:200px;
background:#D4D0C8;
margin-top:8px; }
#grp { position:relative;
height:616px;
width:816px;
background:blue;
float:right; }
#sblase { position:absolute;
opacity:0.8;
height:616px;
width: 198px;
background: black;
float:left;
color:white;
margin-right:10px;}
#main { position:relative;
width:1024px;
height:624px;
background:grey; }
Om nah hoo pez nyeetz, tropenberta!
beim div-container "sblase" geht die schrift über den div-container hinaus
Das kann ich nicht bestätigen.
Matthias