R0b
Neues Mitglied
Hallo zusammen,
Ich habe mal wieder eine Frage.
Diesmal zu meinem Layout.
Ich hatte es damals aus einer Zeitschrift abgeschrieben und immer wieder mal abgeändert und bis heute hab ich es nicht geschafft, dass Firefox und Opera dieses Layout unterstützen.
Meine Frage ist habe ich Codeteile im Layout, die die Browser nicht unterstützen oder fehlt einfach nur was?
ich bin völlig ratlos schon elendig viel ausprobiert und nichts gefunden :sad:
Ich habe mal wieder eine Frage.
Diesmal zu meinem Layout.
Ich hatte es damals aus einer Zeitschrift abgeschrieben und immer wieder mal abgeändert und bis heute hab ich es nicht geschafft, dass Firefox und Opera dieses Layout unterstützen.
Meine Frage ist habe ich Codeteile im Layout, die die Browser nicht unterstützen oder fehlt einfach nur was?
ich bin völlig ratlos schon elendig viel ausprobiert und nichts gefunden :sad:
HTML:
/*===Body Angaben===*/
body {
color: #000;
background-color: #FFEC8B;
font-size: 16px;
font-family:Century Schoolbook;
margin: 0; padding: 1em;
text-align: center; /* Zentrierung im Internet Explorer */
}
/*===Seite===*/
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 1000px; /* Breite des Browserfensters */
padding: 0;
background-image: url();
background-repeat: no-repeat;
background-position: right;
border: 3px ridge #000;
}
h1 {
font-size: 150%;
margin: 0;
padding: 2px;
text-align: center;
color: #EEB422;
border-bottom: 2px solid #000;
}
/*===Textbereich===*/
div#Inhalt {
margin: 1 1 1em 1;
padding: 0 1em;
}
div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
margin-bottom: 0;
}
/*===Fuß Zeile===*/
p#Fusszeile {
clear: both;
font-size: 14px;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #CD853F;
font-weight: bold;
border-top: 2px solid #00;
}
/*===Navi===*/
div#menu {
font-size: 94%;
width: 39.8em;
padding: 0.5em;
border: 1px solid #000;
background-color: #CD853F;
}
* html div#menu {
width: 41.4em;
w\idth: 66em; /* IE 6 in standards-compliant mode */
}
div#menu div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left;
position: relative;
margin: 0.3em; padding: 0;
}
* html ul#Navigation li {
margin-bottom: -0.4em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 1.8em; left: 0em;
}
* html ul#Navigation li ul {
left: -1.5m;
lef\t: -0.3em;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-top: 0.2em; margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 7em;
font-family: "Century Schoolbook";
text-decoration: none; font-weight: bold;
padding: 0.23em 0.97em 0.17em 1.03em;
border: 1px solid #000;
border-left-color: #FFF; border-top-color: #FFF;
color: #000;
background-color: EEB422; /* Farbe des Buttons ohne Mouseover */
}
* html ul#Navigation a, * html ul#Navigation span {
width: 9.2em;
w\idth: 10em; /* Breite des Buttons */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
padding: 0.17em 1.03em 0.23em 0.97em;
border-color: #000;
border-left-color: #000; border-top-color: #000;
background-color: #FFEC8B; /* Farbe des Buttons bei Mouseover */
}
ul#Navigation li ul a:hover {
border-color: #EEB422;
}
li a#aktuell {
border-right-color: #EEB422; border-bottom-color: #EEB422;
background-color: #EEB422;
}
ul#Navigation li ul span {
border-right-color: #EEB422; border-bottom-color: #EEB422;
color: #EEB422; background-color: #EEB422;
}
ul#Navigation li a:active, ul#Navigation li:hover a:active {
color: white;
background-color: #CD853F;
}
/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover ul {
display: block;
background: #EEB422;
}
</style>
