Hallo Leute,
habe da mal ne frage. habe ne css datei mit folgendem inhalt:
body {
background : #dcdec7;
color : #a0a0a0;
font : 14px/1.5 Arial, Verdana, sans-serif;
text-align : center;
}
#background {
margin : auto;
width : 750px;
border : 2px solid white;
text-align : left;
background : #ffffff;
}
#logo {
width : 750px;
height : 120px;
color : #a0a0a0;
background : #550000;
text-align : center;
border-bottom : 5px solid #dddfca;
}
#kopf_drucken {
color : #000000;
background : #ffffff;
display : none;
}
#logo img {
margin-top : 18px;
}
#logo p {
font-size : 14px;
font-family : Arial, Verdana, Sans-Serif;
margin-top : -8px;
}
#picture {
width : 750px;
height : 300px;
background : url(‚img/bild1.jpg‘);
}
#menu {
width : 200px;
height : 370px;
margin : 0;
padding : 0;
background : #a0a0a0;
border-right : 5px solid #dddfca;
float : left;
}
#menu ul.postnav, ul.postnav li {
margin : 5px;
padding-top : 0;
padding-left : 2px;
list-style-type : none;
}
#menu ul.postnav li {
float : left;
width : 14em;
padding-left : 2px;
}
#menu ul.postnav a {
display : block;
width : 14em;
padding : 10px 0;
font : bold 12px Arial, Vedana, sans-serif;
text-transform : uppercase;
background : #a0a0a0;
color : #550000;
text-decoration : none;
text-align : left;
}
#menu ul.postnav a:hover {
background : #550000;
color : #a0a0a0;
}
#menu li.activelink a {
background : #550000;
color : #a0a0a0;
cursor : default;
}
#border {
width : 750px;
height : 50px;
background : #a0a0a0;
border-top : 5px solid #dddfca;
border-bottom : 5px solid #dddfca;
}
#box {
margin-top : 90px;
margin-left : auto;
margin-right : auto;
text-align : center;
font : 14px Arial, Verdana, sans-serif;
}
#box p {
font : 18px Arial, Verdana, Sans-Serif;
}
#box p.gross {
font : 22px Arial, Verdana, Sans-Serif;
}
#content {
width : 545px;
background : #ffffff;
height : 350px;
padding-top : 10px;
padding-bottom : 10px;
float : right;
overflow : auto;
}
#footer {
width : 750px;
clear : both;
color : #a0a0a0;
text-align : right;
background : #550000;
text-decoration : none;
text-transform : uppercase;
height : 50px;
border-top : 5px solid #dddfca;
}
#footer p{
text-align:right;
padding-right:10px;
padding-top:10px;
}
#footer a{
text-decoration:none;
color:#a0a0a0;
}
#footer a.activelink {
color : #550000;
background : #a0a0a0;
text-decoration : underline;
}
#footer a:hover {
color : #550000;
background : #a0a0a0;
text-decoration : underline;
}
#content li {
color : #000000;
font-family : Arial, Verdana;
font-size : 14px;
}
#content p, table {
font-family : Arial, Verdana;
font-size : 14px;
color : #000000;
padding-left : 10px;
}
#content a {
color : #000000;
text-decoration : none;
font : 14px arial, verdana, sans-serif;
}
#content a:hover {
color : #000000;
text-decoration : underline;
font : 14px arial, verdana, sans-serif;
text-align : right;
}
#content input, #content textarea {
background-color : #a0a0a0;
font-family : Arial, Verdana, sans-serif;
font-size : 12px;
color : #000000;
border-style : none;
margin-top : 2px;
margin-bottom : 2px;
padding : 2px;
margin-right : 5px;
}
#w3checkhtml {
position : absolute;
top : 5px;
right : 5px;
}
#w3checkcss {
position : absolute;
top : 50px;
right : 5px;
}
*html #content {
width:510px}
jetzt hab ich es durch den:
css-validator von http://jigsaw.w3.org/css-validator/ kontrollieren lassen.
jetzt kommt folgender fehler:
187 * Einlese-Fehler - *html #content { width:510px}
dieser fehler ist klar, muss es aber so machen, damit der ie-fehler bereinigt ist. kann man das übergehen, damit diese fehlermeldung nicht mehr auftritt, ohne den befehl *html #content { width:510px} zu löschen?
und folgende warnungen:
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #content textarea und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #menu ul.postnav a und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #content textarea und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #border und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #footer a:hover und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #footer a.activelink und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #menu und #footer a
jedoch hat #footer a garnichts mit #menu zu tun…usw.
vorrab vielen dank für eure hilfe.
grüße,
sebastian