Auf Thema antworten 2026

Beitrag

<blockquote data-quote="skinner13" data-source="post: 1535851" data-attributes="member: 142862">Hallo liebe Community,ich habe mal wieder ein kleines Problemchen. Im allg. möchte ich meine Seite auf 100% bringen, also das kein Scrollbalken vorhanden ist. Mein Seitenaufbau erfolgt mit div Boxen. Nun ist mein Problem, dass mein Content Bereich (left und right) nicht auf die gesamte Höhe der Seite gezogen wird (siehe Bild).Nun noch mein css dazu.[code]html, body, form{&nbsp; &nbsp; background-color:#FAF8F8;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; overflow:hidden;}#center{&nbsp; &nbsp; background-color:#FAF8F8;&nbsp; &nbsp; text-align:left;&nbsp; &nbsp; margin:0 auto;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; width:971px;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; overflow:hidden !important;}#header{&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; height:116px;}#logo{&nbsp; &nbsp; background-image:url(images/logo.png);&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:113px;&nbsp; &nbsp; height:116px;}&nbsp; &nbsp; #welcome{&nbsp; &nbsp; background-image:url(images/welcome.png);&nbsp; &nbsp; height:116px;&nbsp; &nbsp; width:570px;&nbsp; &nbsp; float:left;}#bild{&nbsp; &nbsp; background-image:url(images/support.png);&nbsp; &nbsp; height:116px;&nbsp; &nbsp; width:288px;&nbsp; &nbsp; float:left;}#navi_top{&nbsp; &nbsp; float:left;&nbsp; &nbsp; background-color:#999;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; height:6,51%;&nbsp; &nbsp; min-height:41px;}#left {&nbsp; &nbsp; float:left;&nbsp; &nbsp; background-color:#FAF8F8;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; max-height:69,4%;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; width:195px;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; overflow:hidden !important;&nbsp; &nbsp; padding-left:5px;}&nbsp; #right{&nbsp; &nbsp; border:1px solid #076A8C;&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:764px;&nbsp; &nbsp; height:auto;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; overflow:hidden !important;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; padding-left:5px;&nbsp; &nbsp; margin-bottom: -62px;&nbsp; &nbsp; height: 100%;} #footer{&nbsp; &nbsp; background-image:url(images/footer_repeat.png);&nbsp; &nbsp; background-repeat:repeat-x;&nbsp; &nbsp; clear:both;&nbsp; &nbsp; float:left;&nbsp; &nbsp; min-height:62px;&nbsp; &nbsp; max-height:62px;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; bottom: 0px;&nbsp; &nbsp; margin:0px;&nbsp; &nbsp; left:0px;} [/code][html]&nbsp; &lt;div id=&quot;center&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;welcome&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;bild&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi_top&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;left&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;right&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;&nbsp; &lt;/div&gt;[/html]Ich habe schon einiges versucht aber nichts hinbekommen. Kann mir bitte einer weiterhelfen</blockquote>

[QUOTE="skinner13, post: 1535851, member: 142862"] Hallo liebe Community, ich habe mal wieder ein kleines Problemchen. Im allg. möchte ich meine Seite auf 100% bringen, also das kein Scrollbalken vorhanden ist. Mein Seitenaufbau erfolgt mit div Boxen. Nun ist mein Problem, dass mein Content Bereich (left und right) nicht auf die gesamte Höhe der Seite gezogen wird (siehe Bild). Nun noch mein css dazu. [code]html, body, form{ background-color:#FAF8F8; height:100%; margin:0; padding:0; overflow:hidden;} #center{ background-color:#FAF8F8; text-align:left; margin:0 auto; min-height:100%; height:auto !important; width:971px; height:100%; overflow:hidden !important;} #header{ float:left; width:100%; height:116px;} #logo{ background-image:url(images/logo.png); float:left; width:113px; height:116px;} #welcome{ background-image:url(images/welcome.png); height:116px; width:570px; float:left;} #bild{ background-image:url(images/support.png); height:116px; width:288px; float:left;} #navi_top{ float:left; background-color:#999; width:100%; height:6,51%; min-height:41px;} #left { float:left; background-color:#FAF8F8; min-height:100%; max-height:69,4%; height:auto !important; width:195px; height:100%; overflow:hidden !important; padding-left:5px;} #right{ border:1px solid #076A8C; float:left; width:764px; height:auto; min-height:100%; overflow:hidden !important; height:auto !important; padding-left:5px; margin-bottom: -62px; height: 100%;} #footer{ background-image:url(images/footer_repeat.png); background-repeat:repeat-x; clear:both; float:left; min-height:62px; max-height:62px; width:100%; position:absolute; bottom: 0px; margin:0px; left:0px; } [/code][html] <div id="center"> <div id="header"> <div id="logo"></div> <div id="welcome"></div> <div id="bild"></div> </div> <div id="navi_top"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> </div> [/html]Ich habe schon einiges versucht aber nichts hinbekommen. Kann mir bitte einer weiterhelfen [/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?