Hallo,
ich habe folgendes Problem...
Ich möchte "div#Rahmen" unter "div#Seite" zentriert ausrichten bei den andern Sachen wie "div#Inhalt" oder "div#h1" geht es nur beim "rahmen" nicht...
Hier der Code...
body {
color: #000000; background-color: #F0FFFF;
font-size: 100.01%; font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center;
}
div#Seite {
text-align: left;
margin: 0 auto;
width: 760px;
padding: 0;
border: 1px solid #C0C0C0;
}
div#Rahmen {
width: 760px;
padding: 0;
border: none;
background-color: #B0C4DE;
}
* html div#Rahmen {
width: 760px;
w\idth: 760px;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
font-size: 0.83em;
margin: 0; padding: 0;
text-align: center;
background-color: #B0C4DE;
}
ul#Navigation li {
list-style: none;
float: left;
width: 6em;
position: relative;
margin: 0.4em; padding: 0;
background-color: #B0C4DE;
}
* html ul#Navigation li {
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li {
margin-bottom: -0.1em;
}
ul#Navigation li ul {
display: none; top: 1.6em;
margin: 0; padding: 0;
position: absolute;
top: 1.7em; left: -0.4em;
background-color: #B0C4DE;
}
* html ul#Navigation li ul {
left: -1.5em;
lef\t: -0.4em;
}
ul#Navigation li:hover ul, ul#Navigation li>a#aktuell+ul {
display: block;
}
*:first-child+html ul#Navigation ul {
background-color:silver; padding-bottom:0.4em;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 1em;
w/idth: auto;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
color: #000000; background-color: #eeeeee;
}
li a#aktuell {
color: maroon; background-color: silver;
}
ul#Navigation li ul span {
background-color: maroon;
}
h1 {
font-size: 2.5em;
margin: 0; padding: 0;
text-align: center;
background-color: #6495ED;
border-bottom: 1px solid #C0C0C0;
}
div#Inhalt {
margin: 0;
width: 760px;
background-color: #AFEEEE;
}
* html div#Inhalt {
height: 1em;
margin-bottom: 0;
}
div#Inhalt h2 {
font-size: 1.2em;
text-align: center;
margin: 0 0;
color: #000080;
}
div#Inhalt p {
font-size: 1em;
margin: 0;
}
p#Fusszeile {
clear: both;
font-size: 0.83em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #6495ED;
border-top: 1px solid #C0C0C0;
}
Vielen Dank
MfG Jonas