Fußzeile funktioniert nicht...

Vfbfan_95

Liebe Community,

ich habe ein Problem. Ich bekomme die Fußzeile meiner HTML Seite nicht hin.
Meine Seite würde mit der Fußzeile aus 5 Boxen bestehen. Aber ich weiß nicht was ich falsch mache...
Kann mir das vllt einer helfen?

CSS

.iframe1 {
width: 50%;
margin: 0 auto;
height: 77%;
float: left;
background-color: #C0C0C0;
overflow: auto;
}




.box {
float: left;
width: 25%;
height: 100%;
background-image:url(Bilder/g2.jpg);
border:0,25% solid red;
}




.oben {
float: left;
width: 50%;
height:20%;
margin: 0 auto;
background-image:url(Bilder/95f82de762.jpg);
}










.box1 {
float: right;
width: 25%;
height: 100%;
background-image:url(Bilder/g2.jpg);
border:0.25% solid red;
}




.footer
{
position:absolute;
bottom-clear:0px;
margin-left:25%;
background-color: red;
height: 3%;
width: 50%;
}

Alles anzeigen

HTML Quellcode

HTML

<body>







<div class="box">
</div>




<div class="oben">
<div class="ModernButtonContainer">
                    	<br>
                    	<a class="ModernButton red" href="Vfb.html" target="rechts">VfB</a>
                    	<a class="ModernButton yellow" href="Bvb.html" target="rechts">BVB</a>
                    	<a class="ModernButton green" href="Bmg.html" target="rechts">BMG</a>
                    	<a class="ModernButton blue" href="AnMa.html" target="rechts">Andere Mannschaften</a>
    	</div></div>




<div class="box1">
</div>
<div class="iframe1"><iframe frameborder="no" src="Begr&uuml;&szlig;ung.html" width="100%" height="100%" name="rechts">
<div class="footer">
</div>
<div class="footer">
</div>




</body>

Alles anzeigen

So sieht der Aufbau auf...

[Blockierte Grafik: http://imageshack.us/a/img541/4352/aufbau.png]

Hoffe Ihr konnt mir helfen...

Roland

ich würde (weiß nicht ob das schlau ist)

erst die seite 3 teilen mit box mitte und box1

danach kannst du in der mitte auch nochmal Unterteilungen machen denke das ist einfacher zu machen

cottton

Es fehlt auf jeden Fall schon mal ein /div und /iframe

HTML

<!DOCTYPE html>
<html>
<body>







<div class="box">
</div>




<div class="oben">
    <div class="ModernButtonContainer">
    	<br>
    	<a class="ModernButton red" href="Vfb.html" target="rechts">VfB</a>
    	<a class="ModernButton yellow" href="Bvb.html" target="rechts">BVB</a>
    	<a class="ModernButton green" href="Bmg.html" target="rechts">BMG</a>
    	<a class="ModernButton blue" href="AnMa.html" target="rechts">Andere Mannschaften</a>
    </div>
</div>




<div class="box1">
</div>




<!-- dises div und iframe hat kein gegenstück --><div class="iframe1"><iframe frameborder="no" src="Begr&uuml;&szlig;ung.html" width="100%" height="100%" name="rechts">




<div class="footer">
</div>
<div class="footer">
</div>




</body>
</html>

Alles anzeigen

Zum css kann ich leider nix sagen

Vfbfan_95

Danke erst mal für die schnellen Antworten Das mit dem </iframe> und </div> hat noch nicht geklappt.
Aber ich versuche mal noch den Vorschlag von Roland... Melde mich dann ob es geklappt hat

Vfbfan_95

Es funktioniert!!! Ich danke euch beiden vielmals. Da es einmal am </iframe> lag und einmal
hat es geholfen eine Mittlere Box zu erstellen.

Jetzt mitmachen!