Hallo,
ich bastel momentan an meiner Homepage nur habe ich momentan probleme mit den Layout und bekomme es einfach nicht hin.
ich möchte gerne das meine Website über den gesamten Bildschirm geht und jeweils an der oberen und unteren Browserseite ein leicht blauer balken ist und sich von rechten bis linken Rand zieht. Das Logo und die Navigationsleiste soll darunter und zentriert sein. unter denn anderen Sachen sollen dann noch ein Bild und ein Text kommen aber bei mir verschiebt sich alles immer hin und her. Ich habe nochmal alle Divs gelöscht und von neu angefangen aber ich bekomme es einfach nicht hin :(
HTML Code
CSS-Code
Im Anhang ist eine Grafik wie ich die Website eigentlich gestalten will.
Viele Grüße
[Only registered and activated users can see links. Click Here To Register...]
ich bastel momentan an meiner Homepage nur habe ich momentan probleme mit den Layout und bekomme es einfach nicht hin.
ich möchte gerne das meine Website über den gesamten Bildschirm geht und jeweils an der oberen und unteren Browserseite ein leicht blauer balken ist und sich von rechten bis linken Rand zieht. Das Logo und die Navigationsleiste soll darunter und zentriert sein. unter denn anderen Sachen sollen dann noch ein Bild und ein Text kommen aber bei mir verschiebt sich alles immer hin und her. Ich habe nochmal alle Divs gelöscht und von neu angefangen aber ich bekomme es einfach nicht hin :(
HTML Code
PHP Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fotografie</title>
<link rel="stylesheet" type="text/css" href=".\style\design.css">
</head>
<body id="hp">
<div id="header-top">
</div>
<div id="box">
<div id="header">
<div class="Logo">
</div>
<div class="navigation">
</div>
</div>
<div id="pic-praesentation">
</div>
<div id="content">
</div>
</div>
<div id="footbar">
</div>
</body>
</html>
PHP Code:
.hp{
height:100%;
overflow-y:auto;
position:absolute;
width:100%;
}
body {
margin:0;
}
#header-top {
position: absolute;
background-color:#6E85CA;
width:100%;
height:65px;
}
#box {
margin:0 auto;
padding:0;
width:1000px;
height:900px;
background-color:grey;
}
#header{
position: relative;
margin:0 auto;
padding:0;
width:1000px;
height:100px;
}
.logo {
}
Viele Grüße
[Only registered and activated users can see links. Click Here To Register...]