Also was ich gern machen wollte wäre eine einfache seite bestehend aus einem "Kopf" einem "Menü" genau unter dem Kopf dann ein bereich der sich füllt mit einem Bild (1px hoch 1024 breit) und dann noch den fuß...
zz. hab ich das so:
Code:
<html>
<head>
<title>Testpage </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body background="images/background.png">
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="bgrnd">
</div>
<div id="footer"></div>
</div>
</body>
</html>
Code:
#container {
margin: 0em auto;
width: 1024px;
text-align: left;
}
#header {
height: 200px;
width: 100%;
background-image: url(images/head.png);
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
}
#menu {
height: 30px;
width:100%;
background-image: url(images/menu.png);
background-repeat: no-repeat;
position:relative;
margin-top:-4px;
}
#bgrnd{
width:100%;
background-image: url(images/body.png);
background-repeat: repeat-y;
position:relative;
margin-top:-4px;
padding-left:40px;
}
#footer {
height: 200px;
width: 100%;
clear: both;
background-image: url(images/bottom.png);
background-repeat: no-repeat;
background-position: 0 0;
}
Das ganze funktioniert leider nicht =( Zwar werden die Bilder fast alle richtig angezeigt (das Menü müsste über dem bereich wo der text kommt und über den kopf bereich weil es eine art "bar" ist mit einem schattenrand deswegen auch png)
naja und dann halt wenn ich iwas im bereich eintippe geht das locker über dem rand hinaus =(
14.08.2008, 07:17
Simple Formatierung (zentrieren und seitenfluss..)
Ähnliche Themen
Linear-Darstellung
