Unterschiede zwischen Div und Span?

[Cheatah]

Hi,

Aber welchen unterschied gibt es zwischen diesen Elementen wenn ich z.B. dem SPAN Element ein display:block zuweise ( oder umgekehrt dem DIV Element ein display:inline )

aus CSS-Sicht gibt es *keinen* Unterschied zwischen den Elementen. Jedes Element verfügt zu jeder Zeit über jede CSS-Eigenschaft, die jeweils jeden gültigen Wert erhalten können - hierbei gibt es ausschließlich Beschränkungen, die CSS auferlegt (wie z.B. dass bei gefloateten Elementen ein display:inline automatisch zu display:block berechnet wird). Ob ein Element nun "div" heißt oder "span", "p", "kbd", "title" oder "foobar" ist CSS herzlich egal.

Das (nach meinem Kenntnisstand) einzige, wo CSS sich derzeit den Begebenheiten des Markups beugen muss, sind Replaced Elements wie etwa <img> oder <object>. CSS kann sie nicht plötzlich zu einem Non-Replaced Element machen. Darüber hinaus muss sich lediglich der Entwickler den Unfähigkeiten gewisser Browser beugen und beispielsweise einsehen, dass sich <title> zwar in einem Firefox wunderbar mit CSS stylen lässt, sich der IE jedoch einen Dreck um den schönsten Code schert.

<style>

ERROR: Required attribute "type" missing.

<span class="element1"></span>
<div class="element2"></div>

Wozu die Klassen?

Werden diese Elemente in diesem Fall als gleichwertig angesehen oder gibt es doch noch unterschiede ( ausser das man keine SPANs verschachteln kann viel ich weiss)

Kann man. Unterschiede sollte es in diesem speziellen Fall üblicherweise neben der display-Eigenschaft nicht geben - und wenn doch, kannst Du sie durch Angabe der entsprechenden Deklarationen mittels CSS beliebig ausgleichen.

Cheatah