... hier erst mal meine komplette CSS-Datei (ist noch in Bearbeitung):
html
{
height: 100%;
font-family: Verdana,Arial,sans-serif;
font-size: small;
width: 100%;
margin: 0;
padding: 0;
}
body
{
text-align: center;
padding-top: 5%;
height: 90%;
margin: auto;
width: 90%;
}
.box /* Hauptrahmen, in dem sich alles andere abspielt */
{
text-align: left;
border: solid 1px #ABABAB;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
font-size: small;
top: 1em;
min-height: 80%;
width: 52em;
margin: auto;
}
.titel
{
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
}
.menue /* 1. Menueleiste; horizontal */
{
margin-top: 0.5em;
border-bottom: dotted 1px #ABABAB;
border-top: dotted 1px #ABABAB;
text-align: right;
margin-bottom: 1em;
}
.menue a
{
text-decoration: none;
color: #000000;
padding-left:0.5em;
padding-right: 0.5em;
}
.menue a:hover
{
border-top: solid 1px #ABABAB;
border-bottom: solid 1px #ABABAB;
background-color: #EDEDED;
}
.menue a:active
{
border-top: solid 1px #ABABAB;
border-bottom: solid 1px #ABABAB;
background-color: #EDEDED;
}
.lico /* Linker Div-Container, indem die zweite Menueleiste und eine Infobox steckt */
{
padding: 0.5em;
width: 15em;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
.umenue /* 2. Menueleiste; vertikal */
{
padding: 0.5em;
border: solid 1px #ABABAB;
}
.umenue a
{
text-decoration: none;
color: red;
line-height: 1.5em;
}
.umenue a:hover
{
font-weight: bold;
}
.umenue a:active
{
font-weight: bold;
}
.info
{
margin-top: 2em;
padding: 0.5em;
border: solid 1px #ABABAB;
}
.main
{
margin-top: 1.5em;
padding-left: 17em;
margin-left: 0.5em;
padding-right: 0.5em;
}
.ab
{
height: 1em;
}
Der HTML-Teil sieht folgendermaßen aus:
<body>
<!--[if gte IE 5.5]>
<style type="text/css">
<!--
div.box{height:80%;}
-->
</style>
<![endif]-->
<div class="box">
<div class="menue">
Link 1
Link 2
Link 3
Link 4
Link 5
</div>
... usw
</div>
Und danke für die flotte Antwort (geht das bei Euch immer so schnell?)
