einmalige Verwendung von ID's

[Zer0]

Servus,
ich merke mal wieder, dass ich eine bizarre Wissenslücke habe, welche dringend geschlossen werden muss.
Und zwar geht es um die einmalige Verwendung von ID's. Ein Container mit der selben ID sollte nicht erneut verwendet werden, alles klar soweit. Nur hier zu meiner Frage.

Im Anhang findet ich ein Beispiel.
Der HTML Code zu einer meiner Beispiel-Boxen sieht folgender Maßen aus.

<div id="box">
    <div id="box_bild"><img src="meinePrev.jpg" alt="Test" width="300" height="175" /></div>
    <div id="box_text"><img src="subTitel.jpg" alt="Test" width="550" height="18" />
    <p>S neo prothoplastus Improviso cui te curvo. Eo privus ars Iussu infodio, ut se stipatores firmo, lac Decurro, fides Fruor, modio per opus Marceniense Cassus gestum volup diatesseron munio. Pulpa ac his simulo demens illum Ne archidictus, pes capistrum curo nam intolerabiliter Succumbo vis Effor per Algeo confingo. Fas me Prosper sol impleo quasi i.</p>
      <p>Visit: <a href="http://www.test-test.de" target="_blank">www.test-test.de</a></p>
      <br style="clear:both;" />
    </div>
  </div>

Der CSS Teil dazu wie folgt:

#box {width:900px; min-height:195px; margin-top:10px; background:#272f40; border:1px solid; overflow:visible; border-color:#3e4b66;}
#box_bild {height:175px; width:300px; margin-bottom:5p; margin-top:10px; margin-left:20px; margin-right:20px; float:left}
#box_text {width:550px; height:200px; margin-top:10px; margin-right:10px; float:right;}
#box_text p {text-align:justify;}

Es liegt klar auf der Hand, dass sich dieses System an für sich für alle weiteren Boxen wiederholen lässt, nur ist das ja eher nicht der saubere Weg.

Jetzt ist meine Frage, wie stellt man es denn sauber an? Wie muss ich den Code gestalten, sodass es es valide bleibt ohne Code zu blähen.
Bislang würde ich ganz stumpf einfach den Code erneut verwenden und die Inhalte austauschen, nur freut sich der Validator da nicht so drüber

Danke euch.
Gruß.

[sejuma]

Während ID's je Bezeichnung nur einmal pro Seite vorkommen dürfen, können Klassen mehrfach verwendet werden.
Arbeite also mit Klassen.

zum Beispiel
CSS:

.box {styleangaben}

HTML:

<div class="box">Boxinhalt 1</div>
<div class="box">Boxinhalt 2</div>

[Zer0]

Ganz ehrlich, da hätte man auch definitiv selber drauf kommen können

Danke dir.

Nur jetzt stelle ich gerade in Frage, wozu noch ID's verwenden, wenn die Klassen einem das Leben so schön einfach können..

Aber das hilft mir weiter, man dankt.

[sejuma]

Die ID's sind sozusagen eine übergeordnete Ebene (generell).
Klassen (speziell) können darunter mehrmals vorkommen.

Es hindert dich aber auch niemand daran, für eine komplette Seite ausschließlich Klassen zu verwenden. Nur entspricht das eben nicht ganz der CSS-Systematik.

[the0bone]

Warum kann man dem Body Tag eine Schrift zuweisen... kann man doch auch den wiederholenden P Tags machen...

Ist das nicht quasi das gleiche?

[Zer0]

@ the0bone: Da magst du Recht haben

[MrMurphy]

Hallo

Nur jetzt stelle ich gerade in Frage, wozu noch ID's verwenden, wenn die Klassen einem das Leben so schön einfach können.

Dumm nur, wenn du die DIVs positionieren willst. Mit der Klasse stehen alle an der gleichen Stelle und haben die gleiche Größe.

Es hat also schon einen Sinn, zwischen IDs und Klassen zu unterscheiden und sie sinnvoll anzuwenden.

Gruss

MrMurphy

[mogidala]

Hallo



Dumm nur, wenn du die DIVs positionieren willst. Mit der Klasse stehen alle an der gleichen Stelle und haben die gleiche Größe.

Es hat also schon einen Sinn, zwischen IDs und Klassen zu unterscheiden und sie sinnvoll anzuwenden.

Gruss

MrMurphy

nö-du kannst ja auch klassen einmalig verwenden *klugscheiß*

ich halte es eigentlich immer so, dass ich IDs für wirklich "feste" bereiche nutze, wie eben header, linke spalte, rechte spalte usw. und klassen eben für den "rest".

[sejuma]

Warum kann man dem Body Tag eine Schrift zuweisen... kann man doch auch den wiederholenden P Tags machen...

Ist das nicht quasi das gleiche?

Kann man, ist aber nicht effektiv.
Der Mensch ist doch von Natur aus faul
Und diesem Prinzip kommt CSS entgegen: Durch die sogenannte "Vererbung" reicht es aus, wenn man Eigenschaften einem übergeordneten Element wie z.B. dem body zuweist. Diese vererben sich dann auf die nachfolgenden, untergeordneten Elemente.
Wenn also eine Schrift für den Body definiert ist, warum sollte man sie dann noch zusätzlich oder explizit einem Absatz, einem div, einer Liste oder einem beliebigen anderen Element nochmals zuweisen? Das ist dann nur noch erforderlich, wenn man eine vom Generellen abweichende Formatierung benötigt.

[Zer0]

@mogidala: Genauso handhabe ich es auch.

@sejuma: Damit hast du vollkommen Recht. Bei ein wenig überlegen macht das alles schon Sinn. Mein Gedanke kam nur spontan, aber jetzt ist er definitiv verwerflich.

[the0bone]

Kann man, ist aber nicht effektiv.
Der Mensch ist doch von Natur aus faul
Und diesem Prinzip ... nochmals zuweisen? Das ist dann nur noch erforderlich, wenn man eine vom Generellen abweichende Formatierung benötigt.

Lol,ok ich glaub du hast meine nicht verstanden. Hätte evtl. nen Spoiler machen sollen. Aber danke für die Antwort.