S
Sunfeeling
Guest
Hallo HTML-Forum-Users,
ich stehe gerade vor einem dicken Problem. Ich möchte, dass der Div-Container Complete sich automatisch immer auf 100% verlängert. Auch wenn Inhalt in den Div-Container Content eingefügt wird. Wenn ich im Css festlege, dass der Complete Container height: 100% hat, wird nur die Hälfte mit dem Hintergrund hinterlegt. Ich habe keine Ahnung wie ich das hinbekomme sonst hat es eigentlich immer irgendwie geklappt. Nochmal zusammengefasst: Ich möchte, dass sich der Div-Container Complete automatisch im Hintergrund verlängert und so der Inhalt sei es in der Navigation oder im Content immer weiß hinterlegt ist mit den Schatten links und rechts. Ich hoffe ihr könnt mir helfen :) !!!
HTML-Code:
CSS-Code:
Fehler-Bild:
http://img4.imageshack.us/img4/3078/fehlerpk.png
Mit freundlichen Grüßen Sunfeeling :)
Danke euch ^^
ich stehe gerade vor einem dicken Problem. Ich möchte, dass der Div-Container Complete sich automatisch immer auf 100% verlängert. Auch wenn Inhalt in den Div-Container Content eingefügt wird. Wenn ich im Css festlege, dass der Complete Container height: 100% hat, wird nur die Hälfte mit dem Hintergrund hinterlegt. Ich habe keine Ahnung wie ich das hinbekomme sonst hat es eigentlich immer irgendwie geklappt. Nochmal zusammengefasst: Ich möchte, dass sich der Div-Container Complete automatisch im Hintergrund verlängert und so der Inhalt sei es in der Navigation oder im Content immer weiß hinterlegt ist mit den Schatten links und rechts. Ich hoffe ihr könnt mir helfen :) !!!
HTML-Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML> <HEAD> <TITLE></TITLE> <link rel="stylesheet" type="text/css" href="design.css" /> </HEAD> <BODY> <!-- Div Container Complete --> <div id="complete" class="complete"> <!-- Div Container Logo --> <div id="logo" class="logo"> <div style="height: 90px;"> <div style="border-top: 2px solid #365ed7; margin-top: 80px;"></div> </div> </div> <!-- End of Div Logo Complete --> <!-- Div Container Navigation --> <div id="navigation" class="navigation">
</div> <!-- End of Div Navigation Complete --> <!-- Div Container Impression --> <div id="impression" class="impression">
</div> <!-- End of Div Container Impression -->
<!-- Div Container Breadcrumbs --> <div id="breadcrumbs" class="breadcrumbs">
</div> <!-- End of Div Container Breadcrumbs -->
<!-- Div Container Menu --> <div id="menu" class="menu"> </div> <!-- End of Div Container Menu -->
<!-- Div Container Content --> <div id="content" class="content"> </div> <!-- End of Div Container Content -->
<!-- Div Container Footer --> <div id="footer" class="footer"> </div> <!-- End of Div Container Footer -->
<!-- Div Container Edge --> <div id="edge" class="edge">
</div> <!-- End of Div Container Edge --> </div> <!-- End of Div Container Complete --> </BODY></HTML>CSS-Code:
Code:
body{
background-color: #ebeceb;
color: black;
font-family: Arial, Verdena, Times New Roman, Comic Sans MS;
font-size: 14px;
}
#complete{
background-color: white;
width: 1000px;
height: 1000px;
margin: auto;
box-shadow: 1px 0px 10px 0px #666;
}
#logo{
background-color: transparent;
width: 966px;
float: left;
margin-left: 17px;
float: left;
}
#navigation{
background-color: transparent;
width: 966px;
height: 45px;
margin-left: 17px;
border-top: 1px dotted #888888;
border-bottom: 1px solid #7c7a6b;
float: left;
}
#impression{
background-color: transparent;
width: 966px;
height: 335px;
margin-left: 17px;
margin-top: 10px;
float: left;
}
#breadcrumbs{
background-color: transparent;
width: 966px;
height: 30px;
margin-top: 10px;
margin-left: 17px;
float: left;
border-top: 1px solid #7c7a6b;
border-bottom: 1px solid #7c7a6b;
}
#content{
background-color: transparent;
width: 966px;
min-height: 500px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 17px;
float: left;
}
#footer{
background-color: transparent;
width: 966px;
height: 30px;
margin-left: 17px;
margin-bottom: 10px;
float: left;
border-top: 1px solid #7c7a6b;
border-bottom: 1px solid #7c7a6b;
}Fehler-Bild:
http://img4.imageshack.us/img4/3078/fehlerpk.png
Mit freundlichen Grüßen Sunfeeling :)
Danke euch ^^
Klappt jetzt ! Ich musste überall float:left entfernen und dann gings ... :)