Tweet
hallo,
ich habe für unsere schule eine Homepage designt und erstmal dafür das grundgerüst gecodet. Nun meine Frage ich würde die Page gerne zentrieren aber das problem ist das ich zur zeit das logo mit position:absolute ausrichte und wenn ich die page jetzt zentriere ist das logo nur statisch wie kann ich das so machen das dass immer da oben in der ecke bleibt?
Homepage
index.php
und die style.css
danke schon mal für die hilfe.
Mfg Snaq
ich habe für unsere schule eine Homepage designt und erstmal dafür das grundgerüst gecodet. Nun meine Frage ich würde die Page gerne zentrieren aber das problem ist das ich zur zeit das logo mit position:absolute ausrichte und wenn ich die page jetzt zentriere ist das logo nur statisch wie kann ich das so machen das dass immer da oben in der ecke bleibt?
Homepage
index.php
PHP-Code:
<html>
<head>
<title>"SCHOOL FORMS LIVE" ...WE FORMS SCHOOL!</title>
<link rel="stylesheet" type="text/css" href="include/style.css">
</head>
<body>
<div class="main">
<div class="oben">
<div class="content1"></div>
<div class="content2">
<div class="maincontent">
<div class="textcontent">Text und so ....</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="navi"><img src="images/navi.jpg" width="796" height="38" border="0" alt="" /></div>
</div>
<div class="logo"><img src="images/logo.png" width="211" height="129" border="0" alt="" /></div>
</body>
</html>
und die style.css
PHP-Code:
html, body {
height: 100%;
}
body {
margin: 0;
background-image: url(../images/bodybg.jpg);
}
.logo {
position: absolute;
left: 28px;
top: 24px;
}
.main {
position: absolute;
top: 40px;
left: 50px;
width: 796px;
min-height: 100%;
border: 2px solid #000000;
}
.oben {
width: 796px;
min-height: 558px;
background: url(../images/hauptbg.jpg) no-repeat left bottom #ffffff;
}
.navi {
width: 796px;
height: 38px;
}
.content1 {
float: left;
width: 167px;
min-height: 558px;
}
.content2 {
float: left;
width: 629px;
min-height: 558px;
}
.maincontent {
clear: both;
margin-top: 5px;
margin-bottom: 5px;
width: 620px;
min-height: 544px;
background: #d3d3d3 url(../images/contentbg.jpg) no-repeat right bottom;
border: 2px solid #000000;
}
.textcontent {
margin: 10px;
}
.clear {
height: 0;
clear: both;
}
Mfg Snaq
Kommentar