div horizontal zentrieren UND vertikal 100%
-
Hallo Strohhälme.
In den recht interessanten vorangegangenen Beiträgen ging es darum, <div> zentriert anzupassen und trotzdem die Schrift linksbündig ausrichten zu können.
Hier mal der Code von Daxx:
body {
margin:50px 0px; padding:0px;
text-align:center;
}.Content {
width:500px; height:300px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
position:relative;
}.red {
top:50px; left:50px; width:100px; height:100px;
margin:0px;
border:1px solid #000;
background-color:#ff0000;
position:absolute;
}
.green {
top:50px; left:150px; width:200px; height:100px;
margin:0px;
border:1px solid #000;
background-color:#00ff00;
position:absolute;
}Wie bekomme ich es nun noch hin, dass dieses div die gesamte vertikale Fläche des Browserbildschirms einnimmt. Mit obigen Code kann ich nämlich nur eine fest definierte Höhe eingeben und da "content" und mittels margin-bottom: 0px; erreiche ich auch keine Veränderung
!Könnt Ihr mir helfen?
-
<div align=left valign=top></div>
-
@<servus>: http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align
@Mis2com: Ich wüsste nicht, dass valign beim <div>-Tag erlaubt ist ....
[ Dieser Beitrag wurde am 02.11.2002 um 16:20 Uhr von mady editiert. ]
-
Nimmt man eben enen unsichtbaren table:
<table border=0><tr><td valign=... align=...> ... </td></tr></table>MfG MAV
-
NEE, ich will nicht den Text nach unten machen... sondern will das div KOMPLETT über den vertikalen bereich ausbreiten...z.Z. sieht der code des divs so aus:
.main {
width:575px; height:500px;
text-align:left;
border-left : 1px solid #aaa;
border-right : 1px solid #aaa;
background-color:#fff;
position:relative;
}damit ist es ein div und horizontal zentriert! nun will ich aber, dass es nicht nur 500px height ist, sondern komplett bis ganz runter...
-
height:100%
Das müsste dann so klappen...
-
nee.
-
!!!!!