stimmt
Zitat:
Poste bitte einen *vollständigen* Code
|
stimmt, sorry
HTML-Code:
<body class="body">
<div class="content">
<div class="space"></div>
<div class="header"></div>
<div class="breadcrumb">Home » 2.Ebene » 3.Ebene</div>
<div class="navcontainer">
<ul class="navigation">
<li class="first"><a href="">Porträt</a></li>
<li class="second"><a href="">Historie</a></li>
...
<li class="first"><a href="">Partner</a></li>
<li class="first"><a href="">Kontakt</a></li>
<li class="second"><a href="">Anreiseplan</a></li>
</ul>
</div>
<div class="main">
<p>Lorem Ipsum</p>
Lorem ipsum dolor...consequat.
<dl class="image">
<dd><img src="Bilder/Grabkreuze 001.jpg" alt="Bild von Christian" /></dd>
<dt>Dies ist das Testbild, das später einmal hoffentlich angezeigt wird wenn es gut geht</dt>
</dl>Duis autem vel...volutpat.
</div>
<div class="footer"></div>
</div>
</body>
</html>
css:
Code:
.body {
text-align: center;
}
.content {
font: Verdana, Arial, Helvetica, sans-serif, 12px, normal, normal;
width: 800px;
height: auto;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: #893E27;
border: #FFFFFF 2px outset;
display: table;
text-align: left;
}
.space {
background-color: #68533E;
height: 150px;
width: 200px;
float: left;
}
.header {
height: 150px;
width: 575px;
float: left;
}
.breadcrumb {
font: Verdana, Arial, Helvetica, sans-serif, 12px;
background-color: #B59C84;
float: left;
width: 775px;
height: 20px;
text-indent: 200px;
}
.navcontainer {
width: 200px;
height: 100%;
float: left;
background-color: #6B5239;
}
.navigation {
padding: 0px;
margin: 0px;
list-style-type: none;
}
.navigation .first{
padding: 0px;
margin: 0px;
}
.navigation .second{
padding: 0px;
margin: 0px;
text-indent: 20px;
background-color: #816345;
}
.navigation a:link, .navigation a:active, .navigation a:visited {
color: #FFFFFF;
text-decoration: none;
background-color: inherit;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.navigation a:hover {
background-color: #A9845F;
}
.main {
background-color: #E9E1DA;
width: 575px;
float: left;
min-height: 350px;
}
.footer {
background-color: #9A7056;
width: 800px;
height: 20px;
clear: both;
}
dl.image {
padding: 0px;
margin: 0px;
text-indent: 0px;
list-style-type: none;
float: right;
text-align: right;
}
dl.image dt {
font-size: 11px;
color: #999999;
padding: 0px;
margin: 0px;
}