Text schreibt über Div hinaus

[schubi]

Hallo :)

Also ich mache gerade eine INternetsite mit div-layout (also div tags ...) naja und wenn ich jetzt zb in der css datei folgende div angaben mache :

#gesamt {
width:770px;
height:60px;
margin:0 auto;
border:1px solid #000000;
}

und der text der in diesem div container steht zu lang ist, wird einfach über den rand geschrieben!!

Wie kann ich das verhindern? ich möchte das der rand mit nach unten wandert.

Ich könnte jetzt die Höhenangabe weglassen, dann ist aber das Problem, das ich vorher eine bestimmte Höhe haben möchte und wenn die überschritten wird, das dann der div container mit größer wird.

min-height untersützt der IE mal wieder nichtt... habt ihr vorschläge?

MfG

Schubi

 

[=]ReDHeaD[=]

mach eine "Mutterbox" die die gleiche background-farbe hat wie die gewünschte in der der text mitwachsen soll.
die hat die angaben von der ecke oben links deiner box wo der text mitwachsen soll.

#mutterbox {
position:absolute;
margin-left:[LINKSABSTAND];
margin-top:[RECHTSABSTAND];
width:[BREITE];
height:[HÖHE];
background:[BGFARBE];
}

->> <div id="mutterbox"></div>

so, die box die mit textwachsen soll:

#textbox {
margin-left:0px;
margin-top:0px;
width:[BREITE];
height:[HÖHE];
background:[die gleiche wie die andere!];
}

-->

<div id="mutterbox">
<div id="textbox">abc</div>
</div>