Mehrfachnutzung einer id

Hich habe grade eine Seite von mir in den HTML-W3C-Validator geschmissen und da bekomme ich einige Fehler, da ich folgendes gemacht habe: :eek:

Code:

---

<div id="box">Box 1</div>
<div id="box">Box 2</div>
<div id="box">Box 3</div>

---

Da alle 3 Boxen gleich ausschauen sollen, habe ich für alle die selbe id="box" benutzt. Ist das ein Fehler im Validator oder sollte man dies wirklich vermeiden?

Klassen sind für Mehrfachbenutzung.
IDs dürfen auf einer Seite immer nur einmal genutzt werden. Der Validator hat somit recht.

Richtig wäre bei dir also:

Code:

---

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>

---

Im CSS schreibt man das so: .box

Vermeiden ;) und via CSS lösen:

<div id="box-01">Box 1</div>
<div id="box-02">Box 2</div>
<div id="box-03">Box 3</div>

Code:

---

#box-01,
#box-02,
#box-03
{
...
}

---

oder wie Enricos Vorschlag mit Klassen

:o ups... stimmt... wie peinlich... Danke für die so naheliegende Lösung!!!

ich werde es wohl mit der ersten Lösung amchen, da es etwas schöner ausschaut und nicht so viel Arbeit ist :D

...und wenn alle gleich aussehen sollen, auch Sinn der Sache ist ;)

Zitat:

---

Zitat von Toflar

...und wenn alle gleich aussehen sollen, auch Sinn der Sache ist ;)

---

das stimmt... und es tuts sogar und ich habe keine Fehler mehr in HTML und CSS...

nochmals vielen Dank! :o