Hallo zusammen,
ich bin neu hier, aber habe mir schon öfter Rat in diesem Forum geholt. Diesmal bin ich leider über die Suchfunktion nicht fündig geworden.
Ich habe folgendes Problem. Die Homepage http://www.feuerwehr-lipperts.de/index.php funktioniert wunderbar, aber NUR bei Mozilla, Opera, Chrome usw.. Auch beim IE 10 gibts keine Probleme. Jedoch alle Versionen älter als 9.0 (inklusive) zeigen nur ein wildes Durcheinander. Am Doctype liegt es nicht. Ich hatte die Idee für jede Version ein eignes stylesheet zu schreiben. Jedoch weiß ich nicht was ich dort genau ändern soll. Gibt es vielleicht noch andere Möglichkeiten das Problem zu lösen?
Meine aktuelles stylesheet.css:
Code
body {
background-color : black;
width: 1000px;
margin:0px auto;
height:100%;
}
#kopf {
position:absolute;
top:22px;
height:178px;
padding:0px;
color:red;
width: 1000px;
margin:0px auto;
}
#rolltext {
position:absolute;
top:200px;
height:30px;
padding: 0px;
width: 1000px;
margin:0px auto;
background-color: #004389;
border: 0px solid black;
}
#kopf h1 {
font-family:Verdana, Geneva, sans-serif;
margin:0;
}
ul#Navigation {
float:left;
min-height:*%;
position:absolute;
width:200px;
bottom:0px;
top:230px;
margin:0px auto;
padding: 0em;
border: 0px solid black;
background-color: #ababab;
}
* html ul#Navigation {
width: 11.6em;
padding-left: 0;
}
ul#Navigation li {
list-style: none;
margin: 0.4em; padding: 0;
}
ul#Navigation a {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: white; background-color: #D40000;
}
* html ul#Navigation a {
width: 100%;
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: black; background-color: gray;
}
#inhalt {
min-height:*%;
float:right;
position:absolute;
margin:0px auto;
margin-left: 200px;
width:800px;
bottom:0px;
top:230px;
padding:0px;
background-color:white;
border: 1px solid black;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
overflow: auto;
}
#fuss {
position:fixed;
width:1000px;
left:0px;
right:0px;
bottom:0px;
height:15px;
padding:0px;
background-color:#ababab;
text-align:center;
border-top: 1px solid black;
font-family:Verdana, Geneva, sans-serif;
font-size:8px;
margin:0px auto;
}
p {
background-color:#eeeeff;
}
form {
background-color: #eeeeff;
padding: 20px;
border: 1px solid silver;
cursor:wait;
}Danke schon im Voraus.
Grüße
