pixel!
hallo!
ich wollte ein einfaches layout umsetzen. doch ich scheitere schon am float.
HTML:
CSS:
mir ist jetzt nicht ganz klar, warum meine links wenn ich float:left mache aus dem menü boarder raus springen?
außerdem müsste ich ein clear:left irgend wo machen oder?
gruß
ich wollte ein einfaches layout umsetzen. doch ich scheitere schon am float.
HTML:
Code:
<?xml version="1.0"?>
<!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" xml:lang="de" lang="de">
<head>
<title>Title</title>
<style type="text/css" media="all">@import "style.css";</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>header</h1>
</div>
<div id="menu">
<h1>menu</h1>
<ul>
<li><a href="index.jsp?menu=noten_anzeigen">Schiff</a></li>
<li><a href="index.jsp?menu=noten_anzeigen">Schiff</a></li>
<li><a href="index.jsp?menu=noten_anzeigen">Schiff</a></li>
</ul>
</div>
<div id="content">
<h1>content</h1>
</div>
<div id="footer">
<h1>footer</h1>
</div>
</div>
</body>
</html>
CSS:
Code:
body{
font-family: Helvetica, sans-serif;
font-size: 10pt;
background-color: rgb(14, 14, 14);
color: rgb(255, 255, 255);
}
#wrapper{
width: 900px;
margin: 0px auto;
}
#header, #menu, #content, #footer{
border: 1px solid rgb(6, 68, 108);
margin: 10px;
padding: 10px;
}
h1 {
font-size: 14pt;
}
a , a:link, a:visited, a:active, a:hover{
color: rgb(6, 68, 108);
text-decoration: none;
}
ul{
margin: 0px;
padding: 0px;
}
li{
list-style-type: none;
display: block;
margin: 0px;
padding: 0px 5px 0px 0px;
/*float: left;*/
}
mir ist jetzt nicht ganz klar, warum meine links wenn ich float:left mache aus dem menü boarder raus springen?
außerdem müsste ich ein clear:left irgend wo machen oder?
gruß