✔ Validation-Fehler: Bitte um Hilfe!

[Harzteufel]

Hallo, ich habe ein Problem bei der Validation einer Website:

ID "header" already defined.
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).


Anbei auch der entsprechende Auszug aus dem HTML-Dokument.

<div id="header" >
<img src="img/stadtlogo.jpg" style="float: left;" alt="Logo mit Stadtwappen"/>
<p id="header">
<a href="#">Startseite</a> • <a href="#">Kontakt</a> • <a href="#">Impressum</a>
</p>
</div>

sowie der CSS-Datei

#header {
margin: 0;
padding: 0;
height: 170px;
background-color: #FFF;
}

#header p {
text-align: right;
padding: 10px;
height: 24px;
font-size: 0.85em;
color: #325A8C;
}


Heisst das, dass ich die ID "Header" nur einmal verwenden kann, auch wenn sich die eine auf das <p>-Element bezieht? Wenn ich allerdings aus dem "#header p" ein "#head p", dann bleibt der Fehler trotzdem?

Was mach ich falsch? Vielen Dank!

 

[Gumbo]

Ist die Fehlermeldung nicht selbsterklärend?

ID "header" wurde bereits definiert.
Eine "id" ist ein eindeutiges Merkmal. Jedes mal, wenn dieses Attribut in einem Dokument verwendet wird, muss es einen unterschiedlichen Wert haben. Falls Sie dieses Attribut als Ansatzpunkt für ein Stylesheet verwenden, wäre es vielleicht angebrachter, Klassen (welches Elemente gruppiert) statt id (welche exakt nur ein Element identifiziert) zu nutzen.

 

[Harzteufel]

Danke. Der Hinweis mit den Klassen hat mich weitergebracht... manchmal steht man wohl einfach nur auf dem Schlauch. Jetzt ist alles klar und schön valide!