Hallo Leute, ich komme mir echt dämlich vor...
Ich bin gerade dabei eine einfache Website mit Kopfbereich und zwei Spalten darunter zu erstellen. eigentlich hätte ich das schon öfter gemacht, allerdings funtioniert es diesmal nicht und ich finde auch den/die Fehler ums verrecken nicht..
1. Problem: sobald ich irgendetwas wie eine ul in den Menübereich mache, verschwindet der Hintergrund.
2. Problem: die li elemente sind so weit von einander entfernt, dass der 1. ganz oben in der spalte steht und der zweite nicht einmal mehr am bildschirm zu sehen ist.
3. Die gesamte Seite ist zu lang. Eigentlich wollte ich sie auf 100.2% setzten, damit ein scroll-balken vorhanden ist, aber nun ist sie mindestens 200% lang.
Ich hofffe ihr könnt mir helfen und meine Fehler sind nicht zu blöd...
hier mein code:
und die dazugehörige css:
lg und danke im Voraus
Ich bin gerade dabei eine einfache Website mit Kopfbereich und zwei Spalten darunter zu erstellen. eigentlich hätte ich das schon öfter gemacht, allerdings funtioniert es diesmal nicht und ich finde auch den/die Fehler ums verrecken nicht..
1. Problem: sobald ich irgendetwas wie eine ul in den Menübereich mache, verschwindet der Hintergrund.
2. Problem: die li elemente sind so weit von einander entfernt, dass der 1. ganz oben in der spalte steht und der zweite nicht einmal mehr am bildschirm zu sehen ist.
3. Die gesamte Seite ist zu lang. Eigentlich wollte ich sie auf 100.2% setzten, damit ein scroll-balken vorhanden ist, aber nun ist sie mindestens 200% lang.
Ich hofffe ihr könnt mir helfen und meine Fehler sind nicht zu blöd...
hier mein code:
HTML:
<html>
<head>
<title>WWET</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="wrapper">
<div id="head">
<a href="index.php"><h1>WWET</h1></a>
</div> <!--head-->
<div id="main">
<div id="menu">
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
</ul>
</div><!--menu-->
<div id="content">
hallo2
</div><!--content-->
</div><!--main-->
</div> <!--wrapper-->
</body>
</html>und die dazugehörige css:
Code:
* {
height: 100.2%;
background-color: lightsteelblue;
}
#wrapper{
margin: auto;
width: 1200px;
}
#head {
margin:auto;
width: 1200px;
height: 150px;
}
#head a {
text-decoration: none;
}
#head h1 {
color: white;
text-align: right;
padding-right: 20px;
padding-top: 20px;
background-image: url("../Bilder/header.png");
background-repeat: no-repeat;
font-size: 4em;
}
#main {
width: 1200px;
}
#menu {
float: left;
width: 200px;
background-color: grey;
color: white;
text-align: right;
}
#content {
width: 1200px;
background-color: white;
}lg und danke im Voraus