Blog

Wir alle kennen das Problem mit dem unterschiedliche CSS Verhalten in den Verschieden Browsern. Umso schlimmer ist es das man bei Windows Vista keine Chance mehr hat den Internet Explorer 6 zu instalieren, da wird das kontrollieren im IE 6 zum Alptraum.

Auch ich kenne diese Probleme und habe nach einer guten Lösung gesucht. Viele werden jetzt sagen "Wieso hast Du nur Windows Vista genommen?". Dazu kann ich nur sagen, ich habe weiterhin keinerlei Probleme mit Vista :).

Für alle die dieses Problem auch haben und nicht gewillt sind den ganzen Rechner wegen diesem Problem auf Windows XP runterzuschrauben laden sich dieses Programm.
 

Virtual PC 2007

Dazu wird dann noch ein Image benötigt, das Image kann hier geladen werden.

Image IE 6 & 7

Für den IE 6 einfach die IE6-XPSP3.exe laden, wer schon den Internet Explorer 8 installiert hat und den IE 7 auch checken will lädt die IE7-XPSP3.exe auch noch. Die Exe dann einfach an einer gewünschten Stelle entpacken.

Dann startet man Virtual PC und klickt auf NEU. Anweisungen folgen Image auswählen und fertig.

Viel Spass mit mit dem Tool und viel Spass beim Fehler finden :)

So könnte das dann aussehen:

Google holt zum nächsten Schlag gegen die Kongruenz aus. Undzwar lässt sich das Unternehmen das Startseiten-Design patentieren. Das wird bedeuten das viele andere Suchmaschienen schnell reagieren müssen wenn es soweit ist.

Ich persönlich halte das für eine gute Sache um sich weiter von der Kongurenz abzuheben. Ob sie das nötig haben ist wieder eine andere Frage.

Für alle die einige kleine Fehler die im Internet Explorer 6 o. 7 per CSS ausgleichen wollen brauchen das nicht unbedingt mit einer CSS-Weiche und einer 2ten CSS-Dateien tun.

Beispiel für Internet Explorer 6:

div#wrapper{
  width:600px;
  height:600px;
  border:1px solid #000;}

So wird in allen Browsern ein Div mit 600px Breite, 600px Höhe und einem durchgezogenen Rahmen angezeigt.

Wollen wir nun diesen Div explizit nur für den Internet Explorer 6 ändern, schreiben wir genau dadrunter.

*html div#wrapper{
  width:400px;
  height:700px;
  border:1px dotted #000;}

Nun wird die Div Box in einer Breite von 400px, eine Höhe von 700px und mit einem gepunktet Rahmen angezeigt. Aber nur im Internet Explorer 6.

Beispiel für Internet Explorer 7:

Hier gilt im Pinzip das selbe wie bei dem IE 6, ausser das hier ein + dazugefügt wird, undzwar so.

*+html div#wrapper{
  width:400px;
  height:700px;
  border:1px dotted #000;}

Für einzelne Div kann ich das nur empfehlen da man sich die Weiche und die 2te CSS-Datei spart, bei großen Projekten wo viele Unterschiede im Internet Explorer auftretten empfielt sich jedoch doch die Variante mit der Weiche allein wegen der Übersichtlichkeit.

Hallo,

für alle die sich wundern das die Webseite www.panda.games.de aus meinem Portfolio garnicht mehr online ist. Der Onlineshop wurde geschlossen weil er nicht den gewünschten Umsatz gebracht hat und sich kaum Leute angemeldet haben.

Panda-Games ist ab sofort nur noch über Ebay zu erreichen.
http://stores.shop.ebay.de/Panda-Games

Viel Erfolg weiterhin bei Ebay :)
Malan

Ja wer Wordpress nutzt und auch sein eignes Themes schreibt wird an diesem Thema wohl nicht ganz drum rum kommen.

Vorallem wenn man in seiner CSS Datei den p Tag Global auf margin:0; padding:0; setzt, wird man erschreckend feststellen das nun keine Absätze mehr generiert werden.

Gut eine Lösung wäre den p Tag in der Klasse post auf margin-bottom: 10px; zu setzten was wieder zu einem Absatz führt aber mehrere Absätze sind dadurch immer noch nicht möglich. Also nicht sehr sinvoll.

Nun habe ich aber eine sinnvolle Lösung für dieses Problem gesucht und bin dabei auf TinyMCE Advanced gestoßen. Nicht nur das man in diesem Plugin dem Editor viele brauchbare Buttons hinzufügen kann, sondern man kann auch das entfernen des <br /> Tags entfernen.

Einfach den Hacken setzten wie auf dem Bild zu sehen.

Ich hoffe das hilft einigen Leuten bei der Formatierung in Wordpress.

Bei Drupal kann man dies mit ein Paar klicks ohne Probleme lösen.