Hallo Community
Ich hab ein kleines Problem. Ich möchte dass mein Footer unten bleibt. Soweit so gut, mein aufbau sieht folgendermassen aus.
Sobald ich bei den Div´s clinks und crechts einen "float" einbaue rutscht (Div Bottom) einfach wieder hoch.
Ich habe sogar bei clinks und crechts Inhalt drin. Sobald ich die float´s wieder raus nehme ist (Div Bottom) wieder ganz normal unten.
mfg Duti
Ich hab ein kleines Problem. Ich möchte dass mein Footer unten bleibt. Soweit so gut, mein aufbau sieht folgendermassen aus.
HTML:
<body>
<div id="main">
<div id="header">
</div>
<div id="slider">
</div>
<div id="content">
<div id="clinks">
<f:format.raw>{content}</f:format.raw>
</div>
<div id="crechts">
<f:format.raw>{contentre}</f:format.raw>
</div>
</div>
</div>
<div id="bottom">
</div>
</body>
Code:
#main{
height:100%;
width:auto;
position:relative;
background-color:orange;
}
#header{
height:88px;
width:100%;
background-color:blue;
position:relative;
}
#slider{
height:300px;
width:100%;
background-color:red;
position:relative;
}
#content{
height:auto;
width:1000px;
position:relative;
background-color:green;
}
#clinks{
height:auto;
width:500px;
background-color:silver;
float:left;
}
#crechts{
height:auto;
width:500px;
background-color:grey;
float:left;
}
#bottom{
min-height:350px;
height:auto;
width:100%;
position:absolute;
background-color:yellow;
}
Sobald ich bei den Div´s clinks und crechts einen "float" einbaue rutscht (Div Bottom) einfach wieder hoch.
Ich habe sogar bei clinks und crechts Inhalt drin. Sobald ich die float´s wieder raus nehme ist (Div Bottom) wieder ganz normal unten.
mfg Duti