Frage stellen
HTML:
- Code: Alles auswählen
<body>
<div id="titel">Name der Website</div>
<div id="Balken"></div>
<div id="Inhalt">
<div id="Navigation">
<ul>
<li><a href="home.htm">Home</a></li>
<li><a href="wohnung.htm">Wohnung</a></li>
<li><a href="anfrage.htm">Anfrage</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div><!--Ende Navi -->
<div id="content"><!--Anfang Content -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
</div><!--Ende Content -->
<div id="footer">Fusszeile</div>
</div><!--Ende Inhalt -->
</body>
CSS:
- Code: Alles auswählen
@charset "utf-8";
body {
background-color: #E9E3D1;
margin: 0px;
padding-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-image: url(Grafiken/bg_stripeBeige.gif);
background-repeat: repeat;
color: #2E3E1F;
height: 100%;
line-height: 150%;
}
#footer {
clear: both;
height: 25px;
width: 100%;
background-color: #E7EFDE;
font-size: 0.8em;
line-height: 25px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#titel {
background-color: #C1D8AB;
height: 200px;
width: 70%;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #8CB762;
border-right-color: #8CB762;
border-left-color: #8CB762;
line-height: 200px;
text-align: center;
font-size: 1.3em;
color: #D3C4A5;
background-image: url(images/strand.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-position: center center;
}
#Navigation {
background-color: #D3C4A5;
float: left;
height: 555px;
width: 13%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #F7F4EE;
overflow: auto;
}
#Navigation li {
margin-left: 0px;
padding-left: 0px;
display: block;
}
#Navigation ul {
list-style-type: none;
margin-top: 0px;
padding-top: 0px;
padding-left: 0px;
}
#Navigation a {
display: block;
text-align: center;
height: 40px;
line-height: 40px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #605035;
}
#Navigation a:link, #Navigation a:visited {
color: #2B3B1B;
text-decoration: none;
}
#Navigation a:hover {
color: #2A3A1A;
text-decoration: none;
font-weight: bold;
}
#Balken {
height: 40px;
width: 1500px;
border: 1px solid #8CB762;
background-image: url(Grafiken/BalkenSand.png);
margin-right: auto;
margin-left: auto;
background-color: #D4D4D4;
}
#Inhalt {
background-color: #F7F4EE;
width: 70%;
margin-right: auto;
margin-left: auto;
height: auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #8CB762;
border-bottom-color: #8CB762;
border-left-color: #8CB762;
height: auto !important;
min-height: 100%;
}
#content {
float: right;
height: 550px;
width: 81%;
text-align: left;
padding-left: 15px;
padding-top: 10px;
overflow: auto;
padding-right: 15px;
min-width: 650px;
}