Auf Thema antworten 2026

Beitrag

<blockquote data-quote="taschi" data-source="post: 1993433" data-attributes="member: 254329">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:[HTML]&lt;body style=&quot;text-align:center;&quot;&gt;&lt;div id=&quot;container&quot;&gt;&lt;div id=&quot;header&quot;&gt; HEADER&lt;/div&gt;&lt;div id=&quot;mainnav&quot;&gt; MAINNAVI&lt;/div&gt;&lt;div id=&quot;main&quot;&gt; MAIN BEREICH &lt;/div&gt;&lt;div id=&quot;footer&quot;&gt; FUSSZEILE &lt;/div&gt;&lt;/div&gt;&lt;!------Container---&gt;&lt;/body&gt;[/HTML]Hier ist die CSS:[HTML]html, body&nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:100%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #000000;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: Verdana;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 12px;}#container&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:760px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0 auto; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align:left;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; min-height: 100%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:auto !important; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:100%; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow: hidden !important;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color:red;}#header&nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 150px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: green;}#mainnav&nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 30px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: yellow;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #main&nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: red; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #footer&nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 50px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: green;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clear: both;}[/HTML]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üßeNatascha</blockquote>

[QUOTE="taschi, post: 1993433, member: 254329"] 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: [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> </body>[/HTML] 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; } [/HTML] 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 [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?