Auf Thema antworten 2026

Beitrag

<blockquote data-quote="hub" data-source="post: 2068629">AW: Mit Footer-DIV freien Platz füllenich schon wieder <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />&nbsp;ich weiss nicht, ob es eine bessere lösung gibt. diese hier funktioniert unter den angegebenen Bedingungen, wenn ich sie richtig verstanden habe:[HTML]&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;ISO-8859-1&quot;&gt;&lt;title&gt;div test&lt;/title&gt;&lt;style type=&quot;text/css&quot;&gt;html {&nbsp;background-color: #000000;}body {&nbsp;padding: 0;&nbsp;margin: 0;}#wrapper {&nbsp;position: absolute;&nbsp;right: 0;&nbsp;bottom: 0;&nbsp;height:100%;&nbsp;width: 100%;&nbsp;overflow: auto;}#header {&nbsp;background-color: #FF0000;&nbsp;height: 100px;}#content-wrapper {&nbsp;background-color: #FFFFFF;}#content {&nbsp;background-color: #00FF00;&nbsp;width: 900px;&nbsp;margin: 0 auto;}#footer {&nbsp;min-height: 200px;&nbsp;background-color: #000000;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;wrapper&quot;&gt;&nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div id=&quot;content-wrapper&quot;&gt;&nbsp;&nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; ich bin der content. (mach mal n langen text rein ...)&nbsp;&nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;&nbsp;[/HTML]Die fröhlichen Farben sind nur zum sichtbar machen <img src="/styles/default/xenforo/smilies/rolleyes.gif"&nbsp; class="smilie" loading="lazy" alt=":rolleyes:" title="Roll Eyes&nbsp; &nbsp; :rolleyes:" data-shortname=":rolleyes:" />.wenn nicht, hier krach machen <img src="/styles/default/xenforo/smilies/biggrin.gif"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" />.&nbsp;Gruß Ulli</blockquote>

[QUOTE="hub, post: 2068629"] [b]AW: Mit Footer-DIV freien Platz füllen[/b] ich schon wieder ;) ich weiss nicht, ob es eine bessere lösung gibt. diese hier funktioniert unter den angegebenen Bedingungen, wenn ich sie richtig verstanden habe: [HTML] <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>div test</title> <style type="text/css"> html { background-color: #000000; } body { padding: 0; margin: 0; } #wrapper { position: absolute; right: 0; bottom: 0; height:100%; width: 100%; overflow: auto; } #header { background-color: #FF0000; height: 100px; } #content-wrapper { background-color: #FFFFFF; } #content { background-color: #00FF00; width: 900px; margin: 0 auto; } #footer { min-height: 200px; background-color: #000000; } </style> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="content-wrapper"> <div id="content"> ich bin der content. (mach mal n langen text rein ...) </div> </div> <div id="footer"> </div> </div> </body> </html> [/HTML] Die fröhlichen Farben sind nur zum sichtbar machen :rolleyes:. wenn nicht, hier krach machen :D. Gruß Ulli [/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?