Tag "Internet Explorer"
Der Webbrowser von Microsoft geht 2010 in seine 9. Generation. Der Internet Explorer war lange Zeit die unangefochtene Nummer eins bei den Browsern, mittlerweile wurde ihm aber diese Position vor allem in Mitteleuropa vom Browser Mozilla Firefox streitig gemacht. Bei Webentwickler und Webdesignern ist Firefox vor allem wegen dem korrekterem Umgang mit Programmiercode beliebter. Vor allem die Version 6 des Internet Explorer hat sich durch eine Vielzahl an problematischen Interpretationen des Programmiercodes “ausgezeichnet”.
WordPress 3.2 Aussichten
Erste Aussichten auf das nächste WordPress Release gibt es bereits jetzt. medani webdesign hat sich den kommenden Release angesehen und informiert bereits jetzt über die Neuigkeiten der WordPress Version 3.2!
Ein neuer Punkt bei der bevorstehenden WordPress Version wird vor allem das überarbeitete Template sein. Das erst seit kurzem in Verwendung gekommene WordPress Theme TwentyTen wird gegen das neue TwentyEleven ausgetauscht. Dieses Theme wird einige Verbesserungen für die Usability bringen. Dabei können auch verschiedene Vorlagen individuell für jede Webseite verwendet werden. (2spaltig, 3spaltig etc.)
Ein leidiges Thema für WordPress wird endlich in Angriff genommen: Die Geschwindigkeit! WordPress 3.2 soll gegenüber den Vorgängerversionen deutlich an Geschwindigkeit gewinnen. Dabei werden viele alte Funktionen von Bord genommen, um das System vor allem schlanker zu machen. Neue Funktionen werden keine dazukommen.
Ebenfalls in Angriff wurde ein eigener Editor genommen. Der alte Editor von TinyMCE soll gegen einen WordPress eigenen Editor getauscht werden und den Workflow erheblich verbessern. Updates des Content Management Systems sollen schneller erfolgen. Dabei werden in zukünftigen Versionen nicht mehr alle Dateien getauscht und upgedatet, sondern nur noch Dateien, in denen Änderungen vorgenommen wurden. Auch Akismet soll dabei nicht mehr automatisch mit einem Update versorgt werden.
Um WordPress konkurrenzfähig zu halten und weiter am Puls der Zeit zu bleiben, wird ab WordPress 3.2 endlich die Mindestanforderung für den Server hochgeschraubt. Dabei wird mindestens PHP 5.2.4 und MySQL5 vorausgesetzt. Ebenfalls wird der Support und die Unterstützung für den Internet Explorer 6 eingestellt. Dadurch wird vor allem das Backend unter dem IE6 nicht mehr funktionieren. Auch bei medani webdesign wird diese Entwicklung begrüßt, da ein standardisiertes Coding der Webseiten und einheitliche Darstellung des Webdesigns in allen Browsern weiter verbessert wird.
Microsoft lässt IE6 sterben!
Nach vielen Jahren lässt Microsoft den Internet Explorer 6 endlich endgültig fallen. Das Microsoft sich das wünscht, ist keine neue Nachricht. Schon seit einigen Jahren ist der Browser für moderne Webseiten und Webdesigns nicht nur eine kleines Ärgernis, sondern ein echtes Hindernis. Um das Webdesign und Webapplikationen weiter zu verbessern, versucht Microsoft schon seit geraumer Zeit den alten IE6 sterben zu lassen.
Eine neue Bestrebung von Microsoft, um den Internet Explorer 6 endlich seiner wohlverdienten Ruhe zuzuführen, ist die Webseite “Internet Explorer 6 Countdown“. Diese bietet einen Überblick über aktuelle Userzahlen des Browsers. Zusätzlich stellt Microsoft auf der Seite ein Banner zur Verfügung. Dieser kann einfach in den Quellcode einer Webseite eingebunden werden, um User des IE6 auf den alten Browser hinzuweisen und zu einem Upgrade auf einen aktuelleren Browser zu bewegen.
Auch medani webdesign unterstützt und begrüßt diese Initiative, um moderne und attraktives Webdesign am Puls der Zeit weiter zu ermöglichen.
double-float margin Bug im Internet Explorer
Beim Erstellen einer Webseite ist mir heute ein schon seit Monaten bekannter Fehler passiert, der einiges an kostbarer Zeit gekostet hat: der ‘double-float margin bug’ zu deutsch ‘doppelter Außenabstandsfehler’. Ich entwickle Webseiten bequem im Firefox. Um die Browserkompatibilität zu testen, verwende ich den Internet Explorer 6 und siehe da, eine eigenartige Darstellung bereitet mir Kopfzerbrechen…
Ich platziere ein left float in einem Kontainer und mache ein left margin im float, um es nach rechts, also von der linken Seite des Kontainers, zu entfernen. Man sollte meinen, das wäre ganz einfach. Nein, denn der Internet Explorer verdoppelt den Abstand!
Unten habe ich eine Graphik zur Verdeutlichung eingefügt: ein einfaches div, in dem sich meine left-floated div Box (orange) befindet. Die Box hat einen left margin von “100px”, dh. ein 100px-breiter Spalt ist zwischen linker Kante des Kontainers and der linken Kante meiner float box.

Hier ein Auszug meines verwendeten CSS:
.meinefloatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
/*Der letzte Wert ist für den 100px left margin Abstand verantwortlich*/
}
Der exakt gleiche Code produziert im Internet Explorer6 einen Abstand von 200px!? Folgend eine Graphik, die die Ausgabe im Internet Explorer zeigt.

Einige Google-Suchanfragen später dämmerte es mir – der IE benötigt unbedingt ein display: inline, um den Abstand korrekt darzustellen!
Und hier des Rätsels Lösung: (das CSS funktioniert im Firefox und Internet Explorer)
.meinefloatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
display: inline;
/*funktioniert im FF und IE*/
}
Laut Aussage von Microsoft soll der double-float margin bug mit dem Internet Explorer 7 behoben sein. Doch wer garantiert uns Entwicklern die fehlerfreie Interpretation von CSS im Internet Explorer 7?
Verwaschene Schrift bei Internet Explorer 7
Eine Ãnderung, die beim Internet Explorer 7 sofort auffällt, ist, dass die Schrift anders dargestellt wird. Der Grund dafür ist die standardmäßig aktivierte “Cleartype”-Einstellung, die den Text nun dreidimensional darstellen soll und angeblich auf Flachbildschirmen für eine bessere Lesbarkeit von Texten sorgen soll. Ich bin nicht dieser Meinung und habe dieses “Feature” deaktiviert.
Die Deaktivierung der “Cleartype”-Eigenschaft funktioniert folgendermaßen: Im Menü “Tools” wählen wir den Menüpunkt “Internet Options” aus. Es erscheint ein kleines Fenster. Dort wählen wir ganz rechts oben den Karteireiter “Advanced” aus. Wir scrollen im Textfenster bis links der Eintrag “Multimedia” erscheint und deaktivieren das Kästchen neben dem Eintrag “Use Clear Type”. Anschliessend klicken wir auf “OK”. Nun muss nur noch der Browser neu gestartet werden und wir können die Texte wieder in gewohnter Art und Weise lesen.
Scrollbalken im Browser zwingend ausblenden
Da die Option scroll="no" nicht HTML konform ist, gibt es ein noch nicht allzu bekanntes Workaround um den Scrollbalken im Browser auszublenden. Dazu fügt man im Body-Tag folgende Eigenschaft hinzu:
<body style="overflow:hidden;">
Die Eigenschaft kann auch gleich im CSS definiert werden:
body { overflow: hidden; }
Getestet im Internet Explorer 6 und Firefox 1.5
- 5 Elemente Beratung: „Das nette Medani-Team hat mich von Anfang an unaufdringlich und professionell beraten und betreut. Dadurch kam ich in den Genuss einer viel gelobten ...





