Hey Leute,
nun bin ich auch soweit und wollte mal fragen wie sich meine Seite in euren Browsern verhält.
Bild im Firefox 4
[Blockierte Grafik: http://img580.imageshack.us/img580/9809/unbenanntli.jpg]
Wichtig ist mir zu wissen wie sie im IE angezeigt wird. Da ich selbst kein IE benutze ist mir die Möglichkeit dies zu sehen nicht gegeben.
Dann kommt auch schon die Frage:
Wie oder was muss ich in meiner CSS ändern um das Design im IE so aussehen zu lassen wie im Firefox?
CSS
Code
html,
#seitenbegrenzung {
margin: 0 auto; /* Zentrierung mitte */
max-width: 1300px;
min-width: 900px;
width: 100%;
}
img {
border: 0;
}
/* Textstyle, Hintergrund allgemein */
body {
font-family: Times;
font-size: 16px;
background-color: black;
color: white;
}
h1 {
font-family: Palace Script MT;
font-size: 72px;
font-weight: lighter;
}
h2 {
font-weight: lighter;
}
h4 {
font-weight: lighter;
font-size: 20px;
}
#kopfbereich {
padding: 10px;
background-color: black;
color: white;
}
/*Fußzeile definieren*/
#fusszeile {
position: relative;
height: 20px;
margin: 0 auto;
text-align: center;
font-size: 11px;
color: #808080;
max-width: 1140px;
min-width: 900px;
width: 100%;
}
#inhalt {
background-color: black;
color: white;
margin-left: 160px;
padding: 10px;
margin-top: 2px;
border-style: solid;
border-width: thin;
border-color: #808080;
}
#eintrag {
background-color: black;
color: white;
margin-left: 160px;
padding: 10px;
margin-top: 2px;
border-style: solid;
border-width: thin;
border-color: #808080;
}
#video {
background-color: black;
color: white;
text-align: center;
padding: 10px;
border: none;
}
#steuerung {
float: left;
width:150px;
padding: 2px;
margin-top: 2px;
background-color: black;
border-style: solid;
border-width: thin;
border-color: #808080;
}
/*Navigation mit Dropdownmenü*/
* {margin: 0; padding: 0;}
/* Grundkram, also Design der Navi,.. */
ul#navi {
list-style: none;
font-size: 15px;
}
/* Wie soll ein normales Listenelement aussehen?
* und natürlich nach Links gefloatet, damit die neben einander liegen */
ul#navi li {
float: left;
background: black;
}
/* Die Hyperlinks
* Display: block; damit auch schön die gesamte Fläche der <li> anklickbar ist */
ul#navi li a {
display: block;
padding: 3px 30px;
color: white;
text-decoration: none;
font-size: 15px;
}
/* Das Aufklappmenü
* Wichtig ist hier, dass normal display: none; ist,
* damit wir das später per hover einblenden können */
ul#navi li ul {
display: none;
list-style: none;
position: relative;
padding: 3px 30px;
}
/* Aussehen der unterpunkte verändern
* float: none; damit diese Punkte untereinander angezeigt werden
* (Der oben definierte Stylekram muss ggf. hier überschrieben werden) */
ul#navi li ul li {
float: none;
border: none;
font-weight: 500;
font-size: large;
}
/* Die Hyperlinks in der Subnavi */
ul#navi li ul li a {
float: none;
padding: 5px 10px;
}
/* Die eigentliche Aufklappfunktion:
* Wenn ein Listenelement überfahren wird,
* soll das sich darin befindliche <ul> angezeigt werden
* <Das ist die eigentliche Kustn bei dem ganzen xD> */
ul#navi li:hover ul {
display: block;
}
Alles anzeigen