Hallo,
der Titel hört sich erst einmal unlogisch an, aber ich weiß leider nicht, wie ich es treffender formuliere
Ich habe folgendes Problem: Ich habe eine Seite, die aus mehreren <DIV>'s besteht. Das sieht so aus: Großer Außenrahmen, darin schmaler Rahmen für Header, größerer höhere Rahmen für den Contentbereich und ein flacher Rahmen für den Footer. Nun habe ich das Problem, dass die Seite am unteren Ende des Hauptcontainers den Außenabstand nicht ändert. Ich habe bereits alles möglich mit margin probiert, aber es tut sich nichts. Der obere Abstand am Header lässt sich ohne Problem verändern, nur der untere geht einfach nicht. Hier sind mal ein Screenshot und der Code aus der CSS sowie der index.html.
der Titel hört sich erst einmal unlogisch an, aber ich weiß leider nicht, wie ich es treffender formuliere
Ich habe folgendes Problem: Ich habe eine Seite, die aus mehreren <DIV>'s besteht. Das sieht so aus: Großer Außenrahmen, darin schmaler Rahmen für Header, größerer höhere Rahmen für den Contentbereich und ein flacher Rahmen für den Footer. Nun habe ich das Problem, dass die Seite am unteren Ende des Hauptcontainers den Außenabstand nicht ändert. Ich habe bereits alles möglich mit margin probiert, aber es tut sich nichts. Der obere Abstand am Header lässt sich ohne Problem verändern, nur der untere geht einfach nicht. Hier sind mal ein Screenshot und der Code aus der CSS sowie der index.html.
HTML:
<body>
<!-- DIV-Container für Seitenaufbau -->
<div id="main">
<!-- DIV-Container für Header -->
<div id="header">
</div>
<!-- DIV-Container für Navigation -->
<div id="navi">
</div>
<!-- DIV-Container für Content Bereich -->
<div id="content">
</div>
<!-- DIV-Container für Footer -->
<div id="footer">
</div>
<!-- Ende DIV-Container Seitenaufbau -->
</div>
</body>
Code:
/*-- Gesamter Bereich --*/
body {
background-color : rgb(183,183,183);
text-align : center;
height : 100%;
margin : 0px;
}
/*-- Hauptbereich der Homepage --*/
#main {
border : 1px solid white;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 100px;
width : 800px;
text-align : center;
background-color : rgb(76,76,76);
}
/* Website Kopf */
#header {
background-image : url(../graphics/header.png);
border-bottom : 1px solid white;
height : 127px;
}
/* Head-Navigation */
#navi {
border-bottom : 1px solid white;
background-color : rgb(23,23,23);
height : 50px;
width : 800px;
}
/* Inhaltsbereich */
#Content {
margin-left : 10px;
margin-top : 5px;
margin-right : 10px;
margin-bottom : 20px;
width : 755px;
padding : 10px;
font-family : arial;
color : white;
font-size : 11pt;
float : left;
line-height : 1.4;
}
/* Fußzeile mit Disclaimer */
#footer {
font-family : tahoma;
color : white;
font-size : 7.5pt;
margin : 20px;
}
Die Seite verschiebt sich im unteren Bereich keinen einzigen Pixel..
