Hi,
ich arbeite derzeit an einer HP,
vielleicht sitze ich schon zu lange hier dran, ich finde einfach den fehler nicht.
Ich hab vergeblich gesucht, vielleicht findet jemand das fehlende ''''YYY>>>YY
irgendwie überlappen sich die <div container>.
normalerweise sollte der <div footer> nicht mit in den gesamten rahmen einbezogen werden.
wie auch immer.
hier der code
PHP-Code:
body
{
font-family:"Courier New", Courier, mono;
font-size:12px;
background-color:#CCCCCC;
margin:0;
}
#wrapper{
border: 1px solid #000000;
margin:auto;
padding:0;
background-color:#ffffff;
width:760px;
}
h1.title {text-align:left;color:#333333;margin:1px;}
h1.top {color:#647784;font-weight:bold;margin: 0px 0px 0px 0px;}
h5.top {font-size: 14px;color:#7d7e84;margin: 0px 0px 10px 15px;}
code {font-size:14px;color:#0000ff;}
.space_hr{
margin: 25px 0px 25px 0px;
}
pre
{
font-size:14px;
color:#0000ff;
padding:5px;
}
a:link, a:visited, a:active, a:hover
{
text-decoration:none;
font-weight:normal;
color:#333333;
font-size:12px;
}
a:active, a:hover
{
color:#009999;
}
.banner{
background-image:url(gfx/head_759.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
height:101px;
background-position: center;
}
div.title {
padding:2px;
background-color: #eeeeee;
text-align:center;
}
#left {
background-color:#eaeaea;
width:180px;
float:right;
margin:0px 0px 0px 10px;
padding:5px;
-moz-border-radius:0px;
-khtml-border-radius:0px;
height:auto;
}
a.menu {
display:block;
padding:3px;
background-color:#efeff7;
text-align:left;
color:#333333;
text-decoration:none;
}
.menu a { font-family:Georgia, "Times New Roman", Times, serif; }
.menutitle{
font-weight:normal;
font-size:14px;color:#000000;
margin:8px 1px 0px 1px;
font-weight:bold;
letter-spacing:0.2em;
}
.menucontainer {
background-color:#eaeaea;
width:150px;
margin:auto;
}
.menucontainer2 {
background-color:#eaeaea;
width:106px;
margin:0px 0px 20px 10px;
height:400px;
}
a.menu:link, a.menu:visited{color:#333333;background-color:#efeff7;text-decoration:none;text-indent: 8px;}
a.menu:active, a.menu:hover{color:#737994;text-indent: 8px;}
#content {
background-color:#ffffff;
width:560px;
padding: 0px;
margin: 0px auto 0px auto;
float: left;
}
#footer {
width: 760px;
margin: 0px auto 0 auto;
}
.clear {
clear: both; text-indent: 3px;
}
.post {
border-bottom:1px dashed #BDBEC1;
}
.posttitle {
padding:0;
}
.post-info {
text-decoration:none;
font-style: italic;
color: #999999;
font-size: 12px;
line-height: 3px;
text-align: justify;
text-indent: 10pt;
padding:0;
}
.adminform {
font-family:"Courier New", Courier, mono;
padding:3px;
border:1px dashed #909090;
width: 492px;
margin: auto;
text-align: justify;
padding:3px;
color:909090;
}
.formfieldError {
border:1px solid #FF0000;
background-color:#eeeeee;
margin:3px 3px 0px 3px;
}
.formfield {
border:1px solid #BDBEC1;
background-color:#eeeeee;
margin:3px 3px 0px 3px;
}
.thetime{
color:#999999;
text-align:center;
margin:2px;
}
.adminbox{
width:auto;
margin:15px 0px 0px 0px;
background-color: #EBEBEB;
padding: 3px;
border: 1px solid #909090;
}
.boxinfo{
color:#333333;
margin: auto auto 15px auto;
padding: 1px;
font-size:14px;
background-color:eeeeee;
}
p.boxinfo{
padding:3px;
margin:10px;
text-align:justify;
background-color:#FFFFFF;
}
h3.boxinfo{
font-size:20px;color:#909090;
margin:0px;
padding:0px;
border-bottom:1px outset #909090;
text-decoration:none;
}
h5.boxinfo{
font-size:14px;color:#909090;
margin:0px;
padding:0px;
border-bottom:1px outset #909090;
text-decoration:none;
}
.pageLimit{
padding: 10px;
}
PHP-Code:
<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div class="title">
<h1 class="title">nicemeth.ath.cx<img src="gfx/head_759.jpg" alt="blank" name="meth" width="754" height="101" id="meth" /></h1>
</div>
<div id="content">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="left">
<div class="thetime">
<script>writeclock()</script>
time()
</div>
<div class="menucontainer">
<div class="menutitle">
#MAIN
</div>
<a class="menu" href="index.php?section=main&page=blog">home</a> <a class="menu" href="index.php?section=main&page=kontakt">kontakt</a> <a href="admin/index.php" target="_blank" class="menu">admin </a> <a href="http://nicemeth.ath.cx/pub" target="_blank" class="menu">pub</a>
<div class="menutitle">
#CODING
</div>
<a class="menu" href="index.php?section=coding&page=index">PHPsnippets</a>
</div>
<div class="menucontainer2"></div>
</div>
<div id="footer">
<p align="right"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://nicemeth.ath.cx/index.php"><img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" /> </a> </p>
</div>
</div>
</body>
</html>