LinkBack URL
About LinkBacks
Zitierenbei einer statischen angabe wie width/height wird der inhalt ueber das element hinausgedehnt. lass die angabe einfach weg, dann streckt es sich nach seinem inhalt.
hallo,
also ich habe 2 div's. ein oberes und unteres.
bei dem oberen habe ich eine höhe angegeben (height: 500px bzw min-height: 500px)
wenn nun der inhalt grösser als 500px wird, dann soll das untere div auch mit nach unten wandern. im explorer gehts, aber im mozilla bleibt das div an seiner position und der grössere inhalt steht drüber...
danke für einen rat schon mal.
bei einer statischen angabe wie width/height wird der inhalt ueber das element hinausgedehnt. lass die angabe einfach weg, dann streckt es sich nach seinem inhalt.
in eile kam er,
in schwarzem gewand,
aus den tiefen des waldes,
ein einsamer mann, ein geschoepf der freiheit,
ein geschoepf ohne furcht,
doch alle nannten sie ihn nur T O D
wenn ich im mozilla die angabe weglasse, dann ist der inhalt des unteren layers aber jetzt ganz oben und nicht unten dran...
hier mal mein css:
Code:body,html { margin: 0; padding: 0; width: 100%; height: 100%; font-family: tahoma; font-size: 11px; } #header { text-align: center; } #footer, #menu { text-align: center; font-size: 11px; color: #666666; background-color: #ECECEC; padding: 2px; } #content { width: 519px; /*min-height: 380px;*/ margin: auto; padding: 20px 20px 0 20px; } * html #content{height: 380px;} /*für IE*/ #select ul { padding: 30px 0 0 0; margin: 0; } #select li { float: left; font-family: tahoma; list-style-type: none; padding: 21px; margin: 0; } #select li.first { padding: 21px 21px 21px 0; } #select li.last { padding: 21px 0 21px 21px; } #select li img { display: block; margin-bottom: 10px; } a.preselect { float: left; text-align:center; width:163px; height: 30px; border: #666666 solid 1px; /*background-color: #D8BDB8;*/ background-image: url(../images/bg_rubriken.gif); background-position: left; background-repeat: no-repeat; color: #FFFFFF; padding: 2px; margin: 2px; text-decoration:none; font-weight: bold; } a.preselect:hover { background-color: #CCCCCC; } #menu a { color: #666666; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: left; padding-left: 9px; margin: 8px; text-decoration: none; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>bla bla</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> <script src="script/anzeigen.js"></script> </head> <body onLoad="MM_preloadImages('images/button_angebote.gif','images/button_eintragen.gif','images/button_gesuche.gif','images/button_eintragen_over.gif','images/button_gesuche_over.gif','images/button_angebote_over.gif')"> <div id="header"><img src="images/titel.gif" width="700" height="100" /></div> <div id="menu"> <a href="index.php?topic=anzeigen" onFocus="this.blur()">Kleinanzeigen</a> <a href="index.php?topic=about" onFocus="this.blur()">Über uns</a> <a href="index.php?topic=impressum" onFocus="this.blur()">Impressum</a> <a href="index.php?topic=kontakt" onFocus="this.blur()">Kontakt</a> <a href="index.php?topic=faq" onFocus="this.blur()">FAQ</a> </div> <div id="content"> {CONTENT} </div> <div id="footer">Copyright</div> </body> </html>
Geändert von alexf812 (09.01.2005 um 16:13 Uhr)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)