Hi,
Nun es ist schon etwas länger her, dass ich mit HTML und CSS rumgewerkelt habe, deswegen sind meine Kenntnisse ein bisschen eingerostet.
Nun wollte ich ein sehe einfaches Design umsetzen, aber die Div's werden irgendwie nicht angezeigt:
index.htm:
style.css:
Nun es ist schon etwas länger her, dass ich mit HTML und CSS rumgewerkelt habe, deswegen sind meine Kenntnisse ein bisschen eingerostet.
Nun wollte ich ein sehe einfaches Design umsetzen, aber die Div's werden irgendwie nicht angezeigt:
index.htm:
PHP:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="Header"></div>
<div id="Navigation"></div>
<div id="Inhalt"></div>
<div id="Footer"></div>
</div>
</body>
</html>style.css:
PHP:
@charset "utf-8";
/* CSS Document */
body {
background-color:#666;
}
id#wrapper {
width: auto;
height: auto;
display: block;
}
id#header {
width: 900px;
height: 101px;
display: block;
background-image: url(Rand_oben.jpg);
}
id#Navigation {
width: 226px;
heigtht: 774px;
display: block;
background-image: url(Navigation.jpg);
float: left;
}
id#Inhalt {
background-image: url(Inhalt.jpg);
width: 667px;
height: 774px;
display: block;
float: right;
}
id#Footer {
background-image: url(Rand_unten.jpg);
width: 925px;
height: 25px;
display: block;
}