Ich bin schon lange stiller Leser und hab schon so manches aus dieser tollen Seite für mich umsetzen können. Nun hab ich ein Prob und bin mir sicher, Ihr habt es ganz schnell erkannt und könnt mir helfen.
Hier mal der Code und dann das Prob.
- 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" lang="de">
<head>
<title>Lorem ipsum dolor sit amet</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="basic.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="header"><a href="index.html" title="Home" alt="Home"><img src="logo.jpg" /></a>
</div> <!-- Ende header -->
<div id="navi">
<ul>
<li><a href="index.html" title="Home" alt="Home">Home</a></li>
<li>und weitere ....</li>
</ul>
</div> <!-- Ende navi -->
<div id="content">
<div id="leist">
<h3 id="#xyz">Lorem ipsum dolor sit amet</h3>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<p>Lorem ipsum dolor sit amet</p>
<hr />
<h3 id="#xyz_o">Windows XP Grundkurs:</h3>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet</p>
</div> <!-- Ende leist -->
</div> <!-- Ende content -->
<div id="sidebar">
<div id="submenue">
<ul>
<li><a href="#xyz_pd">Lorem ipsum dolor sit amet</a></li>
</ul>
</div> <!-- Ende submenue -->
</div> <!-- Ende sidebar -->
</body>
</html>
und das CSS
- Code: Alles auswählen
* {
margin: 0;
padding: 0;
}
body {
font-size: 95%;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #001c83;
background-color: #D8DFE9;
text-align: center; /* Zentrierung f. Internet Explorer < Version 7 */
}
h1 {
font-size: 2em;
margin: 20px 0 0 40px;
}
h2, h3, h4 {
font-size: 1.4em;
margin: 20px 0 15px 40px;
}
h5, h6 {
font-size: 1em;
margin: 20px 0 0 40px;
}
p {
margin: 15px 20px 15px 40px;
}
hr {
text-align: center;
width: 600px;
text-indent: -140px;
background-color: #001c83;
color: #001c83;
margin: 20px 0 0 40px;
display: inherit;
}
#wrap {
width: 1000px;
margin: 0 auto;
text-align: left;
background-color: #fff;
}
#content {
font-size: 0.9em;
float: left;
width: 800px;
height: 620px;
background-color: #fff;
border-right: 1px solid #999;
padding-bottom: 10px;
}
#sidebar {
float: right;
width: 190px;
top: 150px;
}
#leist {
width: 798px;
height: 630px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
Wie Ihr sehen könnt, hab ich einen
- Code: Alles auswählen
<hr />
und zeigt doppelte margin-Werte an. Was kann ich machen?
Gruß
Dauli
