Nicht mehr ganz neu hier
Hallo alle zusammen,
ich bin gerade dabei ein CSS Layout zu machen, befinde mich jedoch noch in der Übungsphase.
Ich habe mein Layout wie folgt in der HTML gegliedert:
Hier ist die CSS:
Nun zu mienem Anliegen:
Ich möchte, dass der MAIN Bereich sich ebenfalls automatisch an die Höhe von der Seite, also an die Höhe von dem Container anpasst.
Nur egal was ich amche, die Höhe lässt sich nur mit einem bestimmten Wert ändern, was aber nicht das ist, was ich gerne hätte.
Ich hoffe ihr könnt mir helfen.
Liebste Grüße
Natascha
ich bin gerade dabei ein CSS Layout zu machen, befinde mich jedoch noch in der Übungsphase.
Ich habe mein Layout wie folgt in der HTML gegliedert:
HTML:
<body style="text-align:center;">
<div id="container">
<div id="header"> HEADER</div>
<div id="mainnav"> MAINNAVI</div>
<div id="main"> MAIN BEREICH </div>
<div id="footer"> FUSSZEILE </div>
</div><!------Container--->
</body>Hier ist die CSS:
HTML:
html, body {
height:100%;
color: #000000;
font-family: Verdana;
font-size: 12px;
}
#container {
width:760px;
margin:0 auto;
text-align:left;
margin: auto;
min-height: 100%;
height:auto !important;
height:100%;
overflow: hidden !important;
background-color:red;
}
#header {
height: 150px;
background-color: green;
}
#mainnav {
height: 30px;
background-color: yellow;
text-align: center;
}
#main {
width: 100%;
background-color: red;
height: 100%;
}
#footer {
height: 50px;
background-color: green;
clear: both;
}Nun zu mienem Anliegen:
Ich möchte, dass der MAIN Bereich sich ebenfalls automatisch an die Höhe von der Seite, also an die Höhe von dem Container anpasst.
Nur egal was ich amche, die Höhe lässt sich nur mit einem bestimmten Wert ändern, was aber nicht das ist, was ich gerne hätte.
Ich hoffe ihr könnt mir helfen.
Liebste Grüße
Natascha
