W3C CSS Validatie - background: transparent; niet gezien?

[Verwijderd]

Ik heb de volgende CSS pagina door de validator van het W3C laten valideren, maar krijg telkens dezelfde waarschuwing, ondanks dat het probleem wel degelijk is opgelost.

code:

body {
    background-color: #ffffff;
    color: #003366;
    margin: 0px;
    padding: 0px;
    background: url('images/background_purple.gif') repeat-x;
}

div, img {
    margin: 0px;
    padding: 0px;
    border: 0px solid #003366;
}

#container {
    top: 31px;
    width: 800px;
    background-color: transparent;
    margin: 10px auto;
    padding: 0px;
    position: relative;
}

#header {
    position: relative;
    display: block;
    overflow: visible;
    top: -31px;
    left: 0px;
    width: 800px;
    height: 217px;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#headertop{
    left: 1px;
    top: 0px;
    width: 800px;
    height: 31px;
    background-color: transparent;
    background: url('images/headertop2.gif') no-repeat;
    position: absolute;
}

#headerbottom {
    position: absolute;
    display: block;
    top: 31px;
    left: 0px;
    width: 800px;
    height: 186px;
    background-color: #eeeeee;
    color: inherit;
    border: solid #003366;
    border-width: 1px 1px 1px 1px;
    background: url('images/headerbottom2.gif') no-repeat;
}


#main {
    position: relative;
    display: block;
    overflow: hidden;
    top: -31px;
    left: 0px;
    width: 800px;
    height: auto;
    border: solid #003366;
    border-width: 0px 1px;
}

#footer {
    position: relative;
    display: block;
    overflow: hidden;
    top: -31px;
    left: 0px;
    width: 800px;
    height: 20px;
    border-width: 1px;
    padding: 0px;
    margin: 0;
    
    background-color: #ccccff;
    color: #003366;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 10pt;
}

#menu {
    position: absolute;
    width: 780px;
    height: auto;
    left: 10px;
    top: 163px;
    background-color: transparent;
    background: url(none);
    border: solid #003366 0px;
    padding: 0px;
    margin: 0px;
}

#content {
    position: relative;
    display: block;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 10px;
    color: #003366;
    background-color: transparent;
    background: url(none);
    text-align: left;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 12pt;
}

a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 12pt;
}

a:link, a:visited {
    color: #003366;
    background-color: transparent;
    background: url(none);
}

a:hover, a:active {
    text-decoration: none;
    border: solid #003366;
    border-width: 0px 1px 1px 0px;
}

.menulink {
    padding: 0px 5px;
    margin: 0px;
    font-weight: bold;
    font-style: normal;
}

p {
    padding: 0;
    margin: 0px 80px 5px 80px;
}

.kopje {
    margin: 0px 10px 10px 10px;
    padding: 0px;
    font-size: 24pt;
    font-weight: normal;
}

.tussenkopje {
    margin: 10px 40px 0px 40px;
    padding: 0px;
    font-size: 12pt;
    font-weight: bold;
}

table {
    margin: 10px 80px;
    border: none;
}

td {
    text-align: left;
    vertical-align: top;
    border: none;
}

ik krijg de volgende foutmeldingen:

code:

    * Regel : 116 (Level : 1) U heeft geen achtergrondkleur opgegeven : #content
    * Regel : 135 (Level : 1) U heeft geen achtergrondkleur opgegeven : a:visited
    * Regel : 135 (Level : 1) U heeft geen achtergrondkleur opgegeven : a:visited

Zoals jullie kunnen zien zijn de achtergrondkleuren wel degelijk opgegeven, namelijk transparant. Heeft iemand enig idee waarom die door de validator niet gezien worden?

[Cavorka]

Uit 1 seconde googlen:

The validator doesn't like 'background-color: transparent;' Try inherit instead of transparent - does that help?

[Verwijderd]

ja ik had ook al n andere thread gevonden die het zo oploste. Wel jammer dat background-color: transparent; niet kan terwijl het theoretisch gewoon moet kunnen. Gelukkig doet inherit bij mijn opmaak hetzelfde als transparent, maar dat hoeft volgens mij niet altijd zo te zijn (bijvoorbeeld een div die je transparant wil hebben, maar die met position: absolute; buiten zijn parent valt). Dit valt me wel n beetje tegen, ik had het W3c altijd hoog zitten maar kennelijk zijn t ook maar gewoon mensen =)

[crisp]

Het zijn dan ook warnings en geen foutmeldingen. Gewoon negeren zolang je zeker weet dat het geen problemen kan opleveren in je design.

[Verwijderd]

jah dat kan, maar tis natuurlijk wel leuk om zo'n "Valid CSS" plaatje erop te zetten, en met de huidige validatie krijg ik daar nog niet de code voor (als ik transparent gebruik that is)

[crisp]

Verwijderd schreef op zondag 22 oktober 2006 @ 14:31:
jah dat kan, maar tis natuurlijk wel leuk om zo'n "Valid CSS" plaatje erop te zetten, en met de huidige validatie krijg ik daar nog niet de code voor (als ik transparent gebruik that is)

Het is gewoon valid CSS hoor...

[Verwijderd]

Het zijn inderdaad gewoon aandachtpunten. Weet je zelf zeker dat in elke redelijk te verwachten situatie je website er gewoon goed uit ziet en toegankelijk is? Dan heb je die warning dus serieus genomen, en kun je hem verder negeren. Maar je moet er dus wel rekening mee houden dat iemand misschien redelijk aparte instellingen heeft. Zet je windows machine bijboorbeeld eens op een hele donkere theme, dan zul je zien dat sommige websites niet meer te gebruiken zijn. Met name door bijvoorbeeld tekstvelden en dergelijke.