<html class="??">

pascal.k · 08.01.2012

HeyHow, kann mir jemand erklären oder einen guten Link nennen, der mir erklärt was es mit den verschiedenen <html> Scripts auf sich hat? Warum muss man dem IE verschiedene Klassen zuweisen. Was hat das für einen Sinn? Villeicht wäre ein Beispiel gut. Dankeschön!

Code:

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

LaFaSiLuc · 08.01.2012

AW: <html class="??">

Nein, das ist, glaube ich, so gemeint:
WENN der Browser IE7 ist, führe die Klasse: no js ie7 oldie (kein javascript) aus.
Die Klasse muss dann ja noch irgendwo definiert sein.
Man berichtige mich flott, wenn das Mumpitz war

bthomas · 08.01.2012

AW: <html class="??">

Schau hier:

http://de.selfhtml.org/css/layouts/browserweichen.htm

sokie · 08.01.2012

AW: <html class="??">

LaFaSiLuc schrieb:
Nein, das ist, glaube ich, so gemeint:
WENN der Browser IE7 ist, führe die Klasse: no js ie7 oldie (kein javascript) aus.
Die Klasse muss dann ja noch irgendwo definiert sein.
Man berichtige mich flott, wenn das Mumpitz war

halbwegs mumpitz

tatsächlich weisen attribute wie hier:

HTML:

class="no-js ie6 oldie"

dem html DREI Klassen zu nämlich die klassen "no-js", "ie6"(7,8 ) und "oldie". Die Klassennamen sind ja frei wählbar (weswegen "no-js" einfach erstmal nur ein Klassenname ist. Über die Sinnhaftigkeit der Aktion kann man spekulieren...).
also es bekommt das html element in den ersten drei fällen drei klassen, im letzen der IE fälle nur eine ("no-js") für alles anderen(nicht-IE) Browser keine.
zudem enthält der gepostete code einen fehler im letzten Statement ein überzähliges <!--

pascal.k · 08.01.2012

AW: <html class="??">

Okay, danke schon mal.

Der Code ist von der Seite hier geladen: http://html5boilerplate.com/

Hier normal der Anfang:

HTML:

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
...

Was mich nun wundert ist, dass die Klassen im CSS (kann man sich von der Seite mit runter laden) nicht auftauchen. Wo werden diese den dann nun definiert? Warum fügt man die überhaupt ein?

LG Bree

Moev · 08.01.2012

AW: <html class="??">

Dieser Code ist ne Super Sache und ich nutze ihn bei vielen Projekten

Ich würde den Code aber so einfügen:

PHP:

<!doctype html> 
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="de"> <![endif]--> 
<!--[if IE 7 ]><html class="no-js ie7" lang="de"> <![endif]--> 
<!--[if IE 8 ]><html class="no-js ie8" lang="de"> <![endif]--> 
<!--[if IE 9]><html class="no-js ie9" lang="de"> <![endif]--> 
<!--[if !(IE)]><!--> <html class="no-js" lang="de"> <!--<![endif]--> 
<head>

Erklährung:
Du fragst mit dem "if IE" ab, welcher Internet-Explorer benutzt wird.
In der letzten IF-Zeile wird nur gesagt, da alle anderen Browser, diesen Code benutzen sollen.
Ich benutze nun mal den IE8 als Beispiel.

Wenn du im IE8 einen Fehler siehst, der nur dort vorkommt, schreibst du in den CSS code folgende zeile:

Code:

.ie8 .irgendEineklasse{margin:20px;}

Nun wird NUR im ie8 der Klasse "irgendEineklasse" ein margin von 20px gegeben.
So kann man schön für den IE7, 8, 9, bugfixen, ohne das es stört

nun zum no-js:
Dies wird soweit nur für das im html5boilerplate enthaltene modernizr.js script benutzt.
Es werden für die ganzen neuen CSS3 Html5 sachen, einzelne Klassen aufgelistet. Wenn der Browser kein CSS3 oder Html5 versteht, kann man durch diese Klassen die durch das Javascript erzeugt werden, mit css diese so formatieren, dass sie ansehnlich ausschauen

Hoffe das war soweit verständlich geschrieben xD

pascal.k · 08.01.2012

AW: <html class="??">

Danke, denke ich verstehe es nun besser. =)