tja, hätts nach dieser Vorlgage probiert, scheint mir aber mein Layout da einen Strich durch die Rechnung zu machen und ich habe keine Ahnung wo, probiere dort und da aber ohne Erfolg....
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<?php page_header(); ?>
</head>
<body id="body">
<div id="bodylayer">
<div id="banner">
</div>
<div id="menulayer">
<div id="menu">
<?php page_menu("0"); ?>
</div>
<div id="claim">
<?php page_claim(); ?>
</div>
</div>
<div id="container">
<div id="sidebar">
<div id="submenu">
<?php page_submenu("0"); ?>
</div>
<div id="extra">
</div>
<div id="lastnews">
<?php page_load_addon("lastnews"); ?>
</div>
</div>
<div id="content">
<div id="text">
<?php page_content(); ?>
</div>
</div>
<div class="clear"> </div>
</div>
<div id="footer">
<div id="footertop">
<a href="#body" title="zum Seitenanfang springen">▲ TOP</a>
<br /><?php page_counter(); ?>
</div>
<div id="footercontent">
<?php page_footer(); ?><br />
Admin Backend: <a href="../../../admin/index.php">Login</a> ,
<?php page_datum(); ?>
</div>
</div>
</div>
</body>
</html>
- Code: Alles auswählen
* { margin: 0px; padding: 0px; }
html,body { width: 100%;
height: 101%;
text-align: center;
font-family: "Verdana", "Tahoma", "Arial", "MS Sans Serif";
font-size: 12px;
color: black;
/* line-height: 18px; */
/* background: white url(../images/carbon.jpg) fixed; */
}
.clear { clear: both; height: 0px; font-size: 0px; display: block; width: 100%; }
img { border: none; }
li { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/* - BODY - */
#bodylayer { text-align: left;
position: relative;
margin: 0px auto;
width: 1000px;
min-height: 100%;
}
/* - CONTENT - */
#container { position: relative;
float: left;
margin-top: 5px;
border-top: 5px solid black;
display: block;
background: white;
}
#content { position: relative;
float: left;
overflow: hidden;
color: black;
/* min-height: 500px;*/
width: 750px;
/* margin-right: 240px;
*/ }
/* - SIDEBAR - */
#sidebar { position: relative;
float: right;
width: 249px;
border-left: 1px solid #E9E9E9;
}
/* - FOOTER - */
#footer { /*clear: both;*/
position: absolute;
bottom: 20px;
width: 1000px;
/* position: relative;
float: left;
width: 100%; */
margin: 0px 0px 20px 0px;
padding: 0px;
font-size: 10px;
color: #545248;
line-height: 14px;
background: white;
border-top: 1px solid #E9E9E9;
border-bottom: 5px solid black;
}
den code habe ich aufs wesentliche reduziert, also die Bereiche die meiner Meinung nach Einfluß haben können...
der Footer wird mir unten platziert nur wenn der content länger ist bleibt er dor, beim scrollen des browsers wird der footer (überlagert content) mit gescrollt, also steht einfach blöd im content drin...
denke die Beziehung von content und footer wird durch position:absolut aufgehoben, obwohl beide im bodylayer drin sind...