Auf Thema antworten 2026

Beitrag

<blockquote data-quote="skinner13" data-source="post: 1536725" data-attributes="member: 142862">AW: div height 100% ProblemWenn du mir verraten würdest was bei meinem Quelltext falsch ist bzw. was zu Fehlern geraten könnte würde ich mich freuen. Ich muss doch nicht nach einem bestimmten Beispiel arbeiten was du mir gegeben hast, oder? Ich denke mal wenn das in allen Browsern bei mir funktioniert wird schon etwas richtig dran sein.Es geht ja nicht um die Höhenangeben, ob jetzt min oder max.Hier geht es um den Content und Footer. Mir ist schon bewusst das die Höhenangaben so nicht stehen bleiben können. Sauber geschrieben wird später.....Nun sieht es bei mir so aus und es Funktioniert alles so wie es soll. Getestet in FF, IE, Safari und Google Chrome.[html]&lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;center&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi_top&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;placeholder&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;min_height&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;&lt;/body&gt;[/html][code]html, body{&nbsp; &nbsp; text-align:center;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; background-image:url(images/header_repeat.png);&nbsp; &nbsp; background-repeat:repeat-x;}#center{&nbsp; &nbsp; text-align:left;&nbsp; &nbsp; margin:0px auto -62px;;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; background-color:#093;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; width:971px;&nbsp; &nbsp; position:relative;}#header{&nbsp; &nbsp; background-color:#F00;&nbsp; &nbsp; height:116px;&nbsp; &nbsp; width:100%;}&nbsp; &nbsp; #navi_top{&nbsp; &nbsp; background-color:#0FF;&nbsp; &nbsp; height:41px;&nbsp; &nbsp; width:100%;}&nbsp; &nbsp; #placeholder{&nbsp; &nbsp; background-color:#FF0;&nbsp; &nbsp; height:5px;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; float:left;}&nbsp; &nbsp; #content{&nbsp; &nbsp; background-color:#96C;&nbsp; &nbsp; height:100%;&nbsp; &nbsp; min-height:400px;;&nbsp; &nbsp; height:auto !important;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; float:left;}&nbsp; &nbsp; &nbsp; &nbsp; #footer{&nbsp; &nbsp; background-image:url(images/footer_repeat.png);&nbsp; &nbsp; margin:0px auto;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; left:0;&nbsp; &nbsp; bottom:0px !important;&nbsp; &nbsp; background-repeat:repeat-x;&nbsp; &nbsp; height:62px;}&nbsp; &nbsp; #min_height{&nbsp; &nbsp; height:70px;&nbsp; &nbsp; clear:both;}[/code]Oh zu spät geschrieben..<img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /> Trotzdem danke für die Mühen. Verbesserungen nehme ich gerne an.</blockquote>

[QUOTE="skinner13, post: 1536725, member: 142862"] [b]AW: div height 100% Problem[/b] Wenn du mir verraten würdest was bei meinem Quelltext falsch ist bzw. was zu Fehlern geraten könnte würde ich mich freuen. Ich muss doch nicht nach einem bestimmten Beispiel arbeiten was du mir gegeben hast, oder? Ich denke mal wenn das in allen Browsern bei mir funktioniert wird schon etwas richtig dran sein. Es geht ja nicht um die Höhenangeben, ob jetzt min oder max.Hier geht es um den Content und Footer. Mir ist schon bewusst das die Höhenangaben so nicht stehen bleiben können. Sauber geschrieben wird später..... Nun sieht es bei mir so aus und es Funktioniert alles so wie es soll. Getestet in FF, IE, Safari und Google Chrome. [html]<body> <div id="center"> <div id="header"></div> <div id="navi_top"></div> <div id="placeholder"></div> <div id="content"></div> <div id="min_height"></div> </div> <div id="footer"></div> </body>[/html][code]html, body{ text-align:center; height:100%; margin:0; background-image:url(images/header_repeat.png); background-repeat:repeat-x;} #center{ text-align:left; margin:0px auto -62px;; height:auto !important; background-color:#093; min-height:100%; height:100%; width:971px; position:relative;} #header{ background-color:#F00; height:116px; width:100%;} #navi_top{ background-color:#0FF; height:41px; width:100%;} #placeholder{ background-color:#FF0; height:5px; width:100%; float:left;} #content{ background-color:#96C; height:100%; min-height:400px;; height:auto !important; width:100%; float:left;} #footer{ background-image:url(images/footer_repeat.png); margin:0px auto; position:relative; left:0; bottom:0px !important; background-repeat:repeat-x; height:62px;} #min_height{ height:70px; clear:both;}[/code]Oh zu spät geschrieben..;) Trotzdem danke für die Mühen. Verbesserungen nehme ich gerne an. [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?