so konnte es beheben, nun bin ich noch bei den folgende punkten
bei punkt Zwei hab ich diese Fusszeile nicht unter kontrolle, denn ich weiss noch nicht wie ich es anstellen muss, das meine fusszeile imemr dort unten ist "auch wenn man den browser auf 50% oder auf 1500% stellt" da komm ich grad an meine grenzen.
drittens das problem ist, das ich den text nicht hoch skallieren.
hier nochmals die codierungen vom ganzen:
CSS Code Navi:
#Navigation {
background-color: #ebea2e;
width: 250px;
height: 250xp;
font-size: 0.8em;
border-top: 30px solid #dad6b1;
}
#Navigation ul {
list-style-type: none
}
#Navigation a, #Navigation strong {
text-decoration: none;
letter-spacing: 1px;
display: block;
padding: 5px 15px;
border-bottom: 1px solid white;
color: #565919;
}
#Navigation a:hover, #navigation a:focus, #navigation a:active {
background-color:#dad6b1;
font-weight: normal;
}
Alles anzeigen
CSS Code Layout:
* {
margin: 0;
padding: 0;
}
body {
font: 100% sans-serif;
color: #000;
background-color: #fff;
}
#kopf {
font: 1.8em serif;
text-align: center;
background-color: #dad6b1;
border-bottom: #6f7400 2px solid;
padding: 40px;
}
#container {
margin: auto;
width: 960px;
}
#navigation {
width: 250px;
float: left;
background: url(dateien/layoutvaria.gif) repeat-y;
}
#inhalt {
margin-left: 300px;
}
#inhalt h2{
color: #565919;
}
#fuss {
background-color: #dad6b1;
padding: 39px;
color: #000;
border-top: 2px solid #6f7400;
clear:left;
margin-top: 7em;
}
p {
margin-bottom: 20px;
}
Alles anzeigen
HTML Code:
<!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 name="XAR Files" content="index_htm_files/xr_files.txt"/>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.3.1.1.387"/>
<link rel="stylesheet" type="text/css" href="CSS/Bilder_einfügen_CSS.css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="CSS/Navigation_CSS.css" />
<link rel="stylesheet" type="text/css" href="CSS/layout_CSS.css" />
<html>
<title>beispiellayout</title>
</head>
<body>
<div id="kopf">
<h1>Eine schöne grosse Kopfzeile
</h2>
</div>
<div id="container">
</div>
<div id="Navigation">
<ul>
<li><strong>Startseite </strong></li>
<li><a href="#">Aktuelles </a></li>
<li><a href="#">Angebote </a></li>
<li><a href="#">Service </a></li>
<li><a href="#">Kontakt </a></li>
<li><a href="#">Impressum </a></li>
</ul>
</div>
<div id="inhalt">
<h2>Lorem ipsum dolor sit.
</h2>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer
</p>
<p> <b>A: Lorem</b> ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<p>
<b>B: Lorem</b> ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<div id="fuss">
</div>
</body>
</html>
Alles anzeigen
so mache mal für heute schluss und arbeite morgen um früh wieder. Besten dank und ein schöner Abend.
