id oder class in divs verwenden?

moi_1985 · 13.11.2009

Hallo zusammen,

ich sitze gerade vor der Frage ob ich bei der Erstellung meiner Homepage in den div's lieber "id" oder "class" verwenden soll? Was ist da generell besser? und was von beidem ist höher gestellt? und wann kombiniere ich beides? Könnt ihr mir da weiterhelfen?

Danke!

cebito · 13.11.2009

AW: id oder class in divs verwenden?

Eine ID darfst du nur einmal pro Dokument vergeben. Über diese kannst du das Objekt dann aber auch bspw. per JavaScript ansprechen. Class lohnt sich immer dann, wenn mehrere Objekte dieselben Eigenschaften besitzen sollen.

moi_1985 · 13.11.2009

AW: id oder class in divs verwenden?

also dürft ich das so gar nicht machen?

<body>

<div id="hauptfenster">
<div id="oben">oben</div>
<div id="links">links</div>
<div id="mitte">mitte</div>
<div id="rechts">rechts</div>
</div>

</body>

css:

html, body
{
background-color:#001f54;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
width:100%;
height:100%;
margin:0px auto;
padding:0;
background-repeat: repeat;
}

#hauptfenster
{
position:absolute;
left:200px;
top:0px;
width:1000px;
z-index:1;
padding:0;
margin:0;
float:left;
overflow:auto;
background-color: #FFF;
height: 800px;
}

#oben {
height: 150px;
width: 1000px;
left: 200px;
top: 0px;
}

Mega · 13.11.2009

AW: id oder class in divs verwenden?

Hallo
na klar kann man das so machen.
Man darf nicht den "ID Namen" 2 mal vegeben.
<div id="hauptfenster">
<div id="oben">oben</div>
<div id="oben">oben</div>
<div id="links">links</div>
<div id="mitte">mitte</div>
<div id="rechts">rechts</div>
</div>

MFG
Mega

moi_1985 · 13.11.2009

AW: id oder class in divs verwenden?

ah ok, also stimmt das schon. GUT! und das class benutze ich dann z.B. wenn ich einen Rahmen oder Schrift festlegen will?

eytibi · 13.11.2009

AW: id oder class in divs verwenden?

Genau, cabito hat ja schon eine richtige Antwort gegeben.

cebito schrieb:
Eine ID darfst du nur einmal pro Dokument vergeben. Über diese kannst du das Objekt dann aber auch bspw. per JavaScript ansprechen. Class lohnt sich immer dann, wenn mehrere Objekte dieselben Eigenschaften besitzen sollen.

ID'S eignen sich für einmalig vorkommende Elemente, wie zum Beispil deine Seiteneinteilung oder Banner o.ä.

Das CLASS-Attribut eignet sich für häufig verwendete Elemente. Wie zum Beispiel Überschriften, Textabschnitte, Links und so weiter.

mfg

Eytibi

McLoude · 13.11.2009

AW: id oder class in divs verwenden?

Nein, die Class ist nur dazu da wenn du mehrere Objekte mit der selben Eigenschaft versehen willst, egal o schrift, backgrounds etc... ID's sind nur im Dokument eindeutig.
Ansonsten können id-zuweisungen und class-zuweisungen das gleiche beinhalten.

Also nochmal...

Richtig:

<div id="test1" class="schoen"></div>
<div id="test2" class="schoen"></div>
<div id="test3" class="schoen"></div>

Falsch:

<div id="test1"></div>
<div id="test1"></div>
<div id="test1"></div>

Gruß McLoude

moi_1985 · 13.11.2009

AW: id oder class in divs verwenden?

danke für eure hilfe, nun weiss ich bescheid.

eytibi · 13.11.2009

AW: id oder class in divs verwenden?

Dafür sind wir ja da. Gut, dass wir helfen konnten.

maxxscho · 13.11.2009

AW: id oder class in divs verwenden?

Was noch wichtig ist, eine id steht in der Kaskade höher.
D.h. sie hat mehr "Wert" im CSS, wenn man es so nennen will.

Angenommen, du hast diesen html Code:

Code:

<div id="eins" class="eins"></div>

und in der CSS folgendes:

Code:

#eins {background: black;}
.eins {background: red;}

dann wird dein div einen schwarzen Hintergrund haben.

Die Spezifität wird in 4 Gruppen eingeteilt, "A", "B", "C", "D". Wobei "A" den höchsten Stellenwert hat.
Gruppe A: Style wird im html-tag definiert.
Gruppe B: ID.
Gruppe C: Class.
Gruppe D: HTML-Tag.

Ein Style direkt im HTML-Tag hätte den Wert "1000", eine ID "0100", eine Class "0010" und ein HTML-Tag "0001".
Oder folgender Selekter:

Code:

div#eins {......

Dies hätte den Wert "0101".
ID = Gruppe B = 0101
HTML-Tag = Gruppe D = 0101

Das ganze ist natürlich kombinierbar.

Ich hoffe, dass war verständlich und falls es nicht richtig ist, bitte korrigiert mich.

McLoude · 13.11.2009

AW: id oder class in divs verwenden?

also die kaskadierung ist schon wichtig aber zur not kannt du auch styles erzwingen:

Code:

#eins {background: black;}
.eins {background: red !important;}

maxxscho · 13.11.2009

AW: id oder class in divs verwenden?

Klar. Das ist ebenso wichtig. Kommt immer auf die Problemstellung an.

moi_1985 · 13.11.2009

AW: id oder class in divs verwenden?

Danke für die Cascadierung, ich habs vorhin in google gesucht aber lang nicht so gut erklärt gefunden.

maxxscho · 13.11.2009

AW: id oder class in divs verwenden?

Gern geschehen.^^

cebito · 13.11.2009

AW: id oder class in divs verwenden?

McLoude schrieb:
also die kaskadierung ist schon wichtig aber zur not kannt du auch styles erzwingen:

Code:

#eins {background: black;} .eins {background: red !important;}

Das wäre allerdings in diesem Fall die (völlig überflüssige) Holzhammermethode :rolleyes:

McLoude · 13.11.2009

AW: id oder class in divs verwenden?

cebito schrieb:
Das wäre allerdings in diesem Fall die (völlig überflüssige) Holzhammermethode

jo, schon richtig, war nur ein beispiel falls einem mal die vererbung einen strich durch die rechnung macht.

maxxscho · 13.11.2009

AW: id oder class in divs verwenden?

cebito schrieb:
Das wäre allerdings in diesem Fall die (völlig überflüssige) Holzhammermethode

Bist du nicht willig, so brauch ich Gewalt.

Manchmal braucht man aber diese Methode, wobei ich persönlich immer versuche, alles "elegant" zu lösen.
Ich stehe einfach auf standardkonformes Webdesign.