Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Fabulous" data-source="post: 2123938" data-attributes="member: 92255">Hallo,Habe folgendes Problem bei folgender Seite:Auf der linken Seite ist ein Menü mit einer Grafik im Footer. Diese Grafik soll immer am Ende der Seite sein in Abhängigkeit von Content-Div rechts. Das funktioniert auch soweit nur leider bekomme ich den Hintergrund vom Menü nicht bis zum Ende der Seite verlängert. Habe jetzt schon diverse Sachen ausprobiert und komme nicht weiter. Code der Webseite (reduziert):[HTML]&lt;div id=&quot;center&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;wrapper_H&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt;&lt;!--header--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Menue&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;img src=&quot;images/Home.png&quot; alt=&quot;home&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;img src=&quot;images/Rooms.png&quot; alt=&quot;rooms&quot; /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;img src=&quot;images/Activities.png&quot; alt=&quot;activities&quot; /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;img src=&quot;images/Prices.png&quot; alt=&quot;prices&quot; /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;img src=&quot;images/Bookings.png&quot; alt=&quot;booking&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--Menue--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Content&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--Content--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--box--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Footer_Box&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Footer_Img&quot;&gt;&lt;img src=&quot;images/Footer.png&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Footer_Text&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--Footer_Box--&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;!--wrapper_H--&gt;&lt;/div&gt;&lt;!--center--&gt;[/HTML]Hier der Code vom CSS:[HTML]html{width:100%;height:100%;margin:0px;}body{width:100%;height:100%;margin:0px;}#center {position:relative;width: 890px;margin: auto;display:block;z-index:-100;}#wrapper_H{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; width:890px;&nbsp; &nbsp; margin:0 auto; &nbsp; &nbsp; &nbsp; &nbsp; }#header{background-image:url(../images/Header.png);height:137px;width:890px;}#box{background-image:url(../images/content_bg.png);min-height:100%;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; width:890px;&nbsp; &nbsp; margin:0 auto; }#Menue{min-height:100%;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; margin:0 auto; &nbsp; &nbsp; float: right;float:left;width:190px;background-image:url(../images/MenueBG.png);background-repeat:no-repeat;}#Content{min-height:100%;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; width:680px;&nbsp; &nbsp; margin:5px auto; &nbsp; &nbsp; float: right;}p {font-family:Verdana, Arial, Helvetica, sans-serif;color:#CCCCCC;}#Footer_Box{position:absolute;bottom:0px;width:890px;}#Footer_Img{left:0px;width:190px;}#Footer_Text{}&nbsp; .clearfix:after {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; content:&quot;.&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clear:both;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; visibility:hidden;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .clearfix {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:inline-block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /* Bereich nicht für IE-mac Anfang \*/&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; * html .clearfix {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:1%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .clearfix {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /* Bereich nicht für IE-mac Ende */[/HTML]Sieht jemand, was falsch ist und könnte mir den entscheidenden Hinweis geben?Aus irgend einem Grund ist es nicht möglich den Div vom Menü auf 100% abzüglich Header zu verlängern.</blockquote>

[QUOTE="Fabulous, post: 2123938, member: 92255"] Hallo, Habe folgendes Problem bei folgender Seite: Auf der linken Seite ist ein Menü mit einer Grafik im Footer. Diese Grafik soll immer am Ende der Seite sein in Abhängigkeit von Content-Div rechts. Das funktioniert auch soweit nur leider bekomme ich den Hintergrund vom Menü nicht bis zum Ende der Seite verlängert. Habe jetzt schon diverse Sachen ausprobiert und komme nicht weiter. Code der Webseite (reduziert): [HTML] <div id="center"> <div id="wrapper_H"> <div id="header"></div> <div id="box" class="clearfix"> <div id="Menue"> <img src="images/Home.png" alt="home" /> <img src="images/Rooms.png" alt="rooms" /> <img src="images/Activities.png" alt="activities" /> <img src="images/Prices.png" alt="prices" /> <img src="images/Bookings.png" alt="booking" /> </div> <div id="Content" class="clearfix"> </div> </div> <div id="Footer_Box" class="clearfix"> <div id="Footer_Img"><img src="images/Footer.png" /></div> <div id="Footer_Text"></div> </div> </div> </div>  [/HTML] Hier der Code vom CSS: [HTML] html{ width:100%; height:100%; margin:0px; } body{ width:100%; height:100%; margin:0px; } #center { position:relative; width: 890px; margin: auto; display:block; z-index:-100; } #wrapper_H{ position:relative; min-height:100%; height:auto !important; height:100%; width:890px; margin:0 auto; } #header{ background-image:url(../images/Header.png); height:137px; width:890px; } #box{background-image:url(../images/content_bg.png); min-height:100%; height:auto !important; height:100%; width:890px; margin:0 auto; } #Menue{ min-height:100%; height:auto !important; margin:0 auto; float: right; float:left; width:190px; background-image:url(../images/MenueBG.png); background-repeat:no-repeat; } #Content{ min-height:100%; height:auto !important; width:680px; margin:5px auto; float: right; } p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; } #Footer_Box{ position:absolute; bottom:0px; width:890px; } #Footer_Img{ left:0px; width:190px; } #Footer_Text{ } .clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Bereich nicht für IE-mac Anfang \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* Bereich nicht für IE-mac Ende */ [/HTML] Sieht jemand, was falsch ist und könnte mir den entscheidenden Hinweis geben? Aus irgend einem Grund ist es nicht möglich den Div vom Menü auf 100% abzüglich Header zu verlängern. [/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?