Frage stellen
ich hab folgendes Problem:
In meinem Stylesheet habe ich mehrere folgende Linkklassen definiert
a.zwei {
color: #ffffff;
}
a.zwei:hover {
color: #ffffff;
}
a.drei {
color: #D78144;
}
a.drei:hover {
color: #D78144;
}
a {
color: #36C;
}
a:hover {
color: #06F;
}
Im Firefox werden diese auch schon so angezeigt wie ich das haben will.
Im Internetexplorer jedoch wird nur die Formatierung der Standardklasse a benutzt.
Gibts da einen tieferen Grund für oder ignoriert der IE einfach die CSS Formatierung?
In der HTML Datei habe ich einfach die enstprechende Klasse zugeordnet.
Hier mal die komplette css datei. Vielleicht liegt da irgendwo der Fehler
/* standard elements */
.left {
margin: 10px 10px 5px 0;
float: left;
}
.right {
margin: 10px 0 5px 10px;
float: right;
}
* {
margin: 0;
padding: 0;
}
a.zwei {
color: #ffffff !important;
}
a.zwei:hover {
color: #ffffff !important;
}
a.drei {
color: #D78144 !important;
}
a.drei:hover {
color: #D78144 !important;
}
a {
color: #D78144;
}
a:hover {
color: #06F;
}
body {
background: #A5A5A5 url(images/img1.gif) repeat-y center top;
color: #444;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
h1 {
font-size: 1.4em;
margin-bottom: 4px;
}
code {
background: url(img/bgcode.gif);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(img/quote.gif) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: #367EA6;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}
/* structure */
.container {
background: url(img/img1.gif) repeat-y;
margin: 0 auto;
padding-bottom: 6px;
width: 767px;
}
.header {
background: url(images/header.jpg) repeat-x;
height: 150px;
}
/* title */
.title h1 {
color: #FFF;
font: normal 3em Verdana,sans-serif;
line-height: 150px;
margin-bottom: 8px;
text-align: center;
}
/* navigation */
.navigation {
margin-bottom: 4px;
}
.navigation a {
background-color: #4A91C3;
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
padding: 8px 0;
width: 19%;
border-right: 1px solid #FFF;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #000;
color: #FFF;
}
/* main */
.main {
clear: both;
padding: 8px 18px;
}
/* main left */
.sidenav h1,.sidenav ul {
padding-left: 12px;
}
.sidenav {
background: #F2F2F2;
border: 1px solid #E5E5E5;
float: left;
width: 170px;
}
.sidenav h1 {
background: url(images/img2.gif) repeat-x;
color: #ffffff;
font-size: 1.2em;
height: 20px;
}
.sidenav ul {
border-top: 1px solid #FFB171;
margin: 0;
padding: 0;
}
.sidenav li {
border: 1px solid #FFB171;
border-top: none;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 14px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
}
/* content */
.content {
float: right;
width: 550px;
}
.content .item {
padding: 6px 12px;
border: 1px solid #EEE;
background: #FFF;
margin-bottom: 8px;
}
.content .descr {
color: #333;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
/* search form */
form {
padding: 0 0 6px 8px;
}
.styled {
border: 1px solid #DDD;
padding: 4px;
}
.button {
background: url(img/search.gif) no-repeat left bottom;
border: none;
height: 27px;
width: 27px;
}
/* footer */
.footer {
background: #FFF;
border: 1px solid #EEE;
color: #666;
font-size: 1.1em;
margin: 0 auto;
text-align: center;
padding: 6px;
width: 720px;
}
.footer a {
color: #C55200;
text-decoration: none;
}
.footer a:hover {
color: #06F;
text-decoration: underline;
}
Wäre echt super wenn einer das problem erkennt.. Ich verzweifel langsam dran.[/quote]