JavaScript-Browser-Weiche

JavaScript deaktiviert und dann?
Aus aktuellem Anlass habe ich mich heute mit der Poblematik beschäftigt, zwei verschiedene CSS-Dateien via JavaScript zu laden.

Der Grund ist folgender:
Ich habe für ein Menü Buttons gebaut, die als .PNG-Datei qualitativ besser sind und keine schwarzen Konturen haben.
Das Problem hierbei ist aber, dass der Internet Explorer keine PNG´s unterstützt und ich somit auf gif´s zurückgreifen muss. Nun hab ich mir überlegt einfach die gif´s zu laden, wenn der User den IE als Browser nutzt und sonst die schöneren PNG´s.

if (navigator.appName.indexOf(‘Explorer’)
{
document.write(“”);
}
else
{
document.write(“”);
}

Nun habe ich dieses Problem über eine Browserweiche mit Hilfe von JavaScript gelöst! (Code oben nicht vollständig)
Zu früh gefreut, denn was passiert, wenn man JavaScript deaktiviert hat? Dann wurde nämlich kein Menü angezeigt.

Gelöst habe ich dieses Problem dann über das ! Wenn im Browser die Option JavaScript deaktiviert worden ist, werden die JavaScript Codes zwischen ignoriert.
Schreibt man nun mit Hilfe des -Tags den gewollten Inhalt zwischen die Tags, umgeht man quasi die Javascript-Deaktivierung.
Der

Popularity: 14% [?]

Wer oder Was zum Teufel ist margin?

Darf ich vorstellen? margin der Außenabstand
Die Eigenschaften von margin sind eigentlich sehr mächtig. Mit dem Befehl “margin” lässt sich der Außenabstand zwischen dem Rand eines Elements und anderen Elementen festlegen.

Hierzu stehen vier Eigenschaften zur Verfügung:
margin-top
margin-right
margin-left
margin-bottom

Es wird jeweils der Wert des Abstands hinter den Befehl geschrieben:
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 50px

Das wäre dann die “Langschreibweise”. Die Reihenfolge ist bei der Kurzschreibweise besonders wichtig!!!

Die kurze Schreibweise hingegen würde wie folgt aussehen:
margin: 50px 50px 50px 50px; oder margin: 50 50 50 50;

Der 1. Wert für den Abstand nach oben, der 2. nach rechts, der 3. nach unten und der 4. nach links! Das Element hat also einen Außenabstand von 50px auf allen Seiten.

Um ein Element zentriert zu positionieren, verwendet man den Befehl margin: auto;
Will man z.B. ein Element horizontal zentrieren, schreibt man margin: 0 auto; Das Element wird also mit einem abstand von 0 Pixel nach oben und zentriert gesetzt.

Popularity: 11% [?]