<div>...</div> vs <div ... />

<div/> er ikke gyldigt - derfor det ikke virker.
Du skal lukke en div korrekt og derfor er det <div></div> som er det rigtige at gøre.

Læs selv her:
http://www.w3.org/TR/html401/struct/global.html#h-7.5.4

<ole>

@kalp: Det er ikke korrekt  =)

Syntaksen <div />, som under XML betyder 'lukning af et tag', er fuldt ud valid under HTML (til og med HTML4.01) - helt fra den allerførste version - men det betyder noget helt andet end under XML. Faktisk er syntaksen så gammel, at den hører til under SGML - et opmærkningssprog fra 80'erne, som var inspirationskilden til HTML,


- betyder under HTML det samme som:


Derfor burde koden:


- i virkeligheden vises som:


- men den del af HTML-standarden er der ingen browsere, der i dag overholder. Formodentlig på grund af WWW's temmelig ulykkelige intermezzo med XHTML.

Med hensyn til spørgsmålet, så er den korrekte måde at lukke et DIV element denne:



Syntaksen:


- er som sagt valid under HTML (til og med HTML4.01), men lukker ikke DIV'et. Under XHTML og HTML5's XHTML-flavour må den slags lukninger dog kun bruges til 'tomme' elementer som f.eks. IMG, INPUT og LINK

/mvh
</bole>

Det er sandt nok og jeg burde selvfølgelig angive information om version, men ud fra hans kommentar så lyder det ikke, som om at han udvikler til hverken HTML5 eller XHTML:)

Nej, men under HTML til og med version 4.01 er syntaksen:


- fuldt ud valid, selvom den betyder noget andet, end mange tror  =)

Tak for jeres hurtige og fyldestgørende svar :)

@olebole: Bare nysgerrig, men hvad betyder det så i 4.01 hvis det ikke er et ulukket tag?

Jeg skal lige have rettet en fejl: Net-enabling tags, som fænomenet kaldes, er tilladt under HTML4.01 Transitiona ... ikke under Strict  *o)

#7: Koden i #5 betyder i virkeligheden: Et DIV, som er 100px på hver led - er grønt - og indeholder et '>'. Det er der dog, så vidt jeg ved, ingen nutidige browsere, der viser  =)

@olebole: Hvis du også skriver et svar så deler jeg pointene imellem jer.

Ellers tak, jeg samler ikke point  =)

Ok :)