div höhe overflow

[jan b.]

hallo,

ich scheine grade neben mir zu sitzen...

folgendes div:

#main {
 position:relative;
 top:50px;
 left:0;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:50px;
 width:538px;
 height:390px;
 overflow:visible;
 background-color:#78CCFA;
 padding:30px;
 border-top:1px black solid;
 border-left:1px black solid;
 border-right:1px black solid;
 border-bottom:1px black solid;
 font-family:Garamond,"Arial Narrow",Arial,Tahoma,Verdana,sans-serif;
 font-size:13pt;
 color:#000000;
 line-height:15pt;
 }

das ist, laut validator, korrektes css. allerdings wird in allen browsern außer ie6 und mozilla 1.0 der overflow nicht dargestellt bzw genau gesagt fließt der text über das div hinaus, wenn mehr platz als 390 px beansprucht wird. auch der margin-bottom funktioniert nicht so, wie ich es mir vorstelle...

was mach ich falsch, wie dehne ich das div bis zum textende aus und behalte doch bei weniger als 390px text die höhe?

bin dankbar für hinweise.

ein schönes wochenende wünscht
jan

[nag]

Hallo,

wie dehne ich das div bis zum textende aus und behalte doch bei weniger als 390px text die höhe?

auf
http://www.jendryschik.de/wsdev/einfuehrung/css/anzeige.html
steht geschrieben:

visible
Der Inhalt der Box wird nicht beschnitten, er könnte also aus der Box herausfließen, wenn die festgelegten Dimensionen der Box nicht ausreichen.

dir hilft die css-eigenschaft "min-height" weiter.
Der IE versteht es nicht, deshalb folgendes kleines Workaround.

schreibe folgendes in den Head-Bereich:
 <!--[if gte IE 5]>
 <style type="text/css">
 #main {height:390px;}
 </style>
 <![endif]-->

der IE ignoriert die Höhenangabe und dehnt die Div-Box aus.

... schwarz auf weiß unter
http://css.fractatulum.net/sample/layout7format.htm
nachzulesen

mfg NAG

[jan b.]

hallo nag,

besten dank.

gruß
jan