Frage stellen
ich habe mich totgesucht, kann aber trotzdem keine fehler finden. Bitte um Hilfe.
Anbei die Codes:
CSS-Teil
- Code: Alles auswählen
*{margin: 0; padding: 0;}
* html div {height:100%;}
html, body{
margin: 0px;
padding: 0px;
text-align:center;
background-color: #CC0000;
}
#halter{
width:728px;
min-height: 100%;
text-align:left;
margin-left: auto;
margin-right: auto;
border-left: medium solid #FFFFFF;
border-left-width: 10px;
border-right: medium solid #FFFFFF;
border-right-width: 10px;
}
#header{
position:relative;
height:120px;
background-color:#FF0000;
min-width:100%;
border-bottom: medium solid #FFFFFF;
border-bottom-width: 1px;
}
#footer{
position:relative;
height:20px;
background-color:#FF0000;
min-height:100%;
border-top: medium solid #FFFFFF;
border-top-width: 1px;
}
#inhalt{
background-color: #FF0000;
float: left;
display:inline;
position: relative;
width:728px;
}
div.menu{
float:right;
border-left: medium solid #FFFFFF;
border-left-width: 1px;
}
ul.square{
list-style-type: square;
}
h1 {
font:20px sans-serif;
text-decoration:none;
color:#FFFFFF; text-align:
center; letter-spacing: 5px;
}
h2 {
font:16px sans-serif;
text-decoration:none;
color:#FFFFFF;
}
h3 {
font:14px sans-serif;
text-decoration:none;
color:#FFFFFF;
}
h4 {
font:14px sans-serif;
text-decoration:none;
color:#FFFFFF;
}
a {
font:14px sans-serif;
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
}
a:link {
font:14px sans-serif;
color:#FFFFFF;
font-weight: bold;
}
a:visited {
font:14px sans-serif;
color:#FFFFFF;
font-weight: bold;
}
a:hover {
font:14px sans-serif;
color:#FFFFFF;
text-decoration:underline;
font-weight: bold;
}
p {
font:14px sans-serif;
color:#FFFFFF;
}
div {
font:14px sans-serif;
color:#FFFFFF;
}
img {
border-width:0;
border-style:none;
}
HTML-Teil
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="css.css" type="text/css" />
</head>
<body>
<div id="halter" >
<div id="header" >
<h1>überschrift</h1>
</div>
<div id="inhalt" >
<div class="menu">
<ul class="square">
<li>bla 1</li>
<li>bla 2</li>
<li>bla 3</li>
<li>bla 4</li>
</ul>
</div>
<h2>test text test text test text </h2>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</div>
<div id="footer" >
bla bla bla
</div>
</div>
</body>
</html>
Danke im Voraus.
