PEASANT KING
Commander
- Registriert
- Okt. 2008
- Beiträge
- 2.412
Hallo Leute,
mal wieder ein Problem was mich zur Weisglut bringt. Es geht um einen Footer. Ich möchte das der Footer immer am unteren Rand positioniert ist. Wenn sich nun der Content Bereich nun erweitert soll der Footer seine Position auch verändern, nämlich nach unten.
Leider will der Mist nicht wie ich es will -.-.
Hier mal ein paar Code Ausschnitte:
Hier die CSS Auschnitte:
Ich bezeichne mich nicht als Anfänger hab auch schon so einige Seiten in meinem Portfolio nur leider schaff ich es nicht mit dem Footer ^^.
mal wieder ein Problem was mich zur Weisglut bringt. Es geht um einen Footer. Ich möchte das der Footer immer am unteren Rand positioniert ist. Wenn sich nun der Content Bereich nun erweitert soll der Footer seine Position auch verändern, nämlich nach unten.
Leider will der Mist nicht wie ich es will -.-.
Hier mal ein paar Code Ausschnitte:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/Schule/css/layout.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="header"></div>
<div id="navigation">
<div class="navi_left"></div>
<div id="navi_back">
<div id="navi_main">
<jdoc:include type="module" name="mainmenu" />
</div>
<div id="search">
<jdoc:include type="modules" name="search" />
</div>
</div>
<div class="navi_right"></div>
</div>
<div id="content_wrapper">
<div class="left_panel">
<div id="login">
<div class="login_top"></div>
<jdoc:include type="modules" name="login" />
<div class="login_bottom"></div>
</div>
</div>
<div class="content_main">
<jdoc:include type="modules" name="news" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="map" />
<jdoc:include type="modules" name="contact" />
</div>
</div>
</div>
<div class="footer_text">Layout under Copyright 2010© by Lars Löttgen and SKS Soft GmbH</div>
<div id="footer"></div>
</div>
</body>
</html>Hier die CSS Auschnitte:
Code:
#wrapper
{
height: 100%;
width: 100%;
}
#body
{
margin: auto;
height: 100%;
width: 980px;
}
#header
{
width: 980px;
height: 160px;
background: url(../images/header.png) no-repeat;
}
#content_wrapper
{
width: 980px;
height: auto;
background: #fff;
margin: auto;
clear: both;
}
.left_panel
{
width: 160px;
float: left;
}
.content_main
{
float: right;
margin: 20px 180px 20px 0px;
width: 600px;
height: auto;
}
/***** Footer Layout *****/
#footer
{
position: relative;
bottom: 0px !Important;
height: 30px;
margin: 0px 12px 0px 12px;
text-align: center;
background: url(../images/footer.jpg);
color: #fff;
}
.footer_text
{
text-align: center;
clear: both;
}Ich bezeichne mich nicht als Anfänger hab auch schon so einige Seiten in meinem Portfolio nur leider schaff ich es nicht mit dem Footer ^^.
