Den folgenden Code schrieb ich in meine content-single.php:

<h3 class="h3relate">verwandte Artikel</h3>
			<?php do_action(
    'related_posts_by_category',
    array(
      'orderby' => 'RAND',
      'order' => 'DESC',
      'limit' => 5,
      'echo' => true,
      'before' => '<li class="relate">',
      'inside' => '<i class="icon-chevron-right"></i> ',
      'outside' => '',
      'after' => '</li>',
      'rel' => 'nofollow',
      'type' => 'post',
      'image' => array('100,100'),
	  'hidden' => 'image',
      'message' => 'Keine Treffer'
    )
  ) ?>

Und in meiner CSS-Datei sorgt folgender Code für die Formatierung:

#content ul.entry-meta li.relate {
	padding:0 0 5px 25px;
	}
#content ul.entry-meta h3.h3relate {
	padding:25px 0 0 25px;
	margin:0;
	font-weight:bold;
	color:#aaa;
	}

Das Plugin war schon mal hier im Einsatz. Leider werden bei langen Wörtern die letzten Buchstaben nicht angezeigt. Weiß da jemand Rat wie ich diesen Fehler in der Darstellung beheben kann. Ich möchte betonen das diese fehlerhafte Darstellung der Links nicht an dem Plugin liegt sondern am WordPress Theme.

blockquote p:before {
         content:' " ';
         }

So lange die Schriftgröße für die Anführungszeichen nicht größer als für das Zitat gewählt wird bestimmt eine gute Möglichkeit. Sobald aber die Schriftgröße größer gewählt wird steigt auch die Zeilenhöhe an und das sieht dann absolut doof aus.

Also experimentierte ich mit einer Grafik, die ich via CSS als Hintergrund anzeigen lasse.

background: transparent url(images/quote.png) top left no-repeat;

Nachteil bei dieser Methode ist das es je nachdem wie groß die Grafik ist der Fließtext in der Grafik beginnt. Abhilfe kann durch die Angabe

padding: 0 0 0 30px;

geschaffen werden. Allerdings wird die Grafik / werden die Anführungszeichen dann nicht von dem Text umflossen sondern jede Zeile des Fließtextes fängt 30px vom linken Rand entfernt an. sieht auch nicht wirklich toll aus.

Eine kurze Recherche bei selfhtml brachte mich zu der CSS-Eigenschaft text-indent. Mit der Anweisung text-indent kann für einen mehrzeiligen Fließtext festgelegt werden dass die erste Zeile um einen numerischen Wert eingerückt wird. Genau was ich für die Darstellung von Zitaten brauche. In meiner CSS-Datei ist nun folgender Code für die Darstellung von Zitaten verantwortlich:

#content blockquote {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:10px 0 30px;
	padding: 0 0 0 30px;
	}
#content blockquote p {
	text-indent:3.0em;
	background:transparent url(images/quote.png) left top no-repeat;
	}
#content blockquote p, #content blockquote ul li {
	margin: 0;
	overflow: hidden;
	font-size:0.85em;
	line-height:1.5 !important;
	font-style:italic;
	}
#content blockquote p cite,.quelle {
	clear: both;
	margin: 10px 0 0 0;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-style: normal;
}

Jetzt braucht es noch ein Beispiel! Da bin ich in meinem Reader auf einen Artikel gestoßen der nichts mit der Problematik der Darstellung von Zitaten zu tun hat, jedoch meine Zustimmung findet. Worum es geht? Kleine Leseprobe:

Wir allen wollen es: Individuell sein! Ich folge nicht dem Strom, passe mich nicht an, versuche mich vom Rest der Welt zu unterscheiden. Ist doch so, oder? Wir wollen anders sein. Also folgen wir nicht jedem Trend, vermeiden es die Dinge zu kaufen und zu lieben, die gerade mal wieder total IN sind! Und denken dabei “Jawohl, ich bin ich und sonst können mich alle mal”. So bin ich auch. Ich will mich nicht der Masse anschließen und den aktuellsten Trends beugen. Zumindest denke ich immer, dass ich so bin.
Der ungewollte Zwang mitzumachen!

Erst durch den Artikel Den modified-Tag sinnvoll einsetzen! vom Themenfreund erfuhr ich von der Möglichkeit mit Hilfe des template-tags the_modified_date das Datum der Aktualisierung im Frontend auszugeben.

Leider funktioniert der Code, den Marcus in seinem Artikel bereit stellt bei mir nicht, diente jedoch perfekt als Inspiration. Also habe ich selber ein klein wenig ausprobiert und nun verrichtet der folgende Code seinen Dienst in den Dateien content.php und content-single.php.

<?php if(strtotime($post->post_modified) - strtotime($post->post_date) > 86400) { the_modified_date('d.m.Y','<li class="post-update">update: ','</li>','true') ;
}
?>

Um die Ausgabe des update Datums dem Design anzupassen musste natürlich auch noch die CSS-Datei mit folgendem Code ergänzt werden.

#content .entry-meta li.post-update {
	padding:0 0 5px 25px;
	text-transform:uppercase;
	color:#b21319;
	font-weight:bold;
	}

Wer nun immer noch nicht weiß worüber ich hier überhaupt schreibe kann sich das Ergebnis bei dem Artikel Google + ist doof, Twitter gewinnt und ifttt ist genial rechts in den Meta-Daten ansehen.

Der Rene hats getan, der Horst schon lange und auch ich entfernte die Sidebar und packte die nötigsten Navigationselemente in den Footer.

Für uns Blogger kein Problem. Sehen wir keine Sidebar wissen wir automatisch das die Navigation, das Archiv, weitere Informationen zum Autor und Blog und andere Elemente wie zm Beispiel die aktuellen Kommentare in der Regel im Footer zu finden sind. Doch wie so oft vergessen wir Blogger das es auch noch Menschen gibt, die mit der Bloggerszene nicht so vertraut sind. Ich kann mir gut vorstellen das diese leicht irritiert sind wenn sie keine Navigation an der Seite sehen. Wohl möglich denken diese Besucher dann das die Internetpresänz nur aus einer Seite besteht. Im schlimmsten Fall bekommen sie es mit der Angst zu tun und verlassen den Weblog sofort wieder – im Hinterkopf den Gedanken auf einer Fake-Seite gelandet zu sein.

Na ja, vielleicht ein wenig zu schwarz gemalt, aber es gibt noch einen weiteren einfachen Grund warum es nur suboptimal ist die Navigationselemente in den Footer zu packen. Es zeugt nicht gerade von Benutzerfreundlichkeit des Weblogs, wenn erst zum Footer gescrollt werden muss um den Blog zu durchstöbern. Also habe ich ganz einfach im Header einen Hyperlink hinterlegt, der auf einen “Anker” im Footer verweist. Wird dieser Link angeklickt springt man in Bruchteilen einer Sekunde zum Footer, von wo der Besucher alle Seiten, die Suche sowie die aktuellen Artikel und ein paar Empfehlungen findet.

Ich hoffe das ich durch diese kleine Modifikation die Benutzerfreundlichkeit meines Weblogs ein wenig steigern konnte.

Zum guten Schluss noch die Codeschnipsel aus den Dateien header.php, footer.php und style.css.

</header><!-- end Header -->
<nav class="menue-header">
<a href="#menue-footer" title="zur Navigation springen">Menü</a>
</nav>

Code aus der header.php

<footer id="colophon" class="clearfix">
		<a name="menue-footer"></a>

Code aus der footer.php

nav.menue-header {
	padding:0 0 5px 0;
	text-align:right !important;
	font-size: .7em !important;
	color:#999 !important;
	text-transform: lowercase;
	/*font-weight:bold;*/
	}
nav.menue-header a {
	color:#999 !important;
	letter-spacing:0.2em !important;
	}
nav.menue-header a:hover {
	color:#999 !important;
	text-decoration:none !important;
	}

Code aus der style.css

Als ich aber dann in den Webmastertools sah das die ganzen Links die ich in der Sidebar drin hatte so gut wie nie geklickt werden entschloss ich mich dann doch dazu die Sidebar zu entfernen und stattdessen im Footer einen dreispaltigen Bereich für Widgets einzurichten. Dazu befolgte ich die Anleitung Tutorial: Widget-fähiger Footer mit 3 Spalten für ein YOKO Child-Theme | Morvagor’s Blog, die super ausführlich und mit einfachen Worten erklärt wie im Footer ein Bereich für Widgets erstellt wird. Noch schnell ein wenig das CSS angepasst, die Buttons für die Social Networks geändert und fertig ist der dreispaltige Widgetbereich im Footer.

Dort finden sich nun nur noch die Suche, die Buttons der Social Networks, die Seiten, die aktuellen Artikel und ein wenig Werbung. Alle anderen Widgets fanden bis jetzt keine Beachtung da die Links nicht geklickt wurden, warum sollte ich meinen Weblog also damit unübersichtlich machen? Ich denke eh, das die meisten Artikel nur im Reader gelesen werden und der Weblog nur von denen angesurft wird die kommentieren wollen.

Ich entschloss mich dafür das Theme Yoko, welches ebenfalls von Elmastudio ist weiter meinen Bedürfnissen anzupassen und nicht das Premium Theme Nilmini zu kaufen weil ich schon ziemlich viel an diesem Theme geändert habe (Adsense, Post-Meta-Daten usw.) und ich keine Lust hatte wieder ein Child-Theme komplett neu zu erstellen.

Nachteil meiner Vorgehensweise wird sein das nun das Theme, so wie ich es verwende nicht mehr zu hundert Prozent ein responsive Layout hat, da ich verschiedene Breitenangaben in der CSS-Datei änderte. Es sind zwar immer noch Werte in Prozent, doch sind diese Werte nicht mehr auf die diversen Smartphones und Tablets abgestimmt. Da wären Rückmeldungen über die Darstellung auf diesen Geräten nett ob die Anzeige ok ist.

So, und da mich nun doch ein wenig mein schlechtes Gewissen plagt, weil ich nicht das Theme Nilmini gekauft habe, ich aber mehr als begeistert von der Arbeit von Elmastudio bin, werde ich nun mal schauen wie ich den beiden eine Spende zukommen lassen kann.

Meine Lösung: Wenn kein Vorschaubild im Artikel – dann Werbung anzeigen

Dazu müssen wir die Template-Datei bearbeiten die für die Ausgabe des Contents auf der Startseite verantwortlich ist. Bei älteren und einfach strukturierten Themes ist dies in der Regel die Datei index.html, die sich im Theme-Ordner befindet. Bei meinem Theme ist es allerdings die Datei content.php. Diese wird in einem Texteditor editiert. Hier empfehle ich notepad++. Ein wahrlich guter Editor mit syntax-highlighting, einer sehr guten “suchen und ersetzen” Funktion und weiteren hilfreichen Features. Ich schweife schon wieder ab -schlimm.

Der Code aus meiner content.php

<?php if ( has_post_thumbnail()) : ?>
	<div class="thumb">
		<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array( 140,140 )); ?></a>
	</div>
<?php else : ?>
	<div class="adsleft">
		<!--hier kommt der Google Adsense Code hin-->
	</div>
<?php endif; ?>

Erklärung des Codes

Zeile 1 : Wenn “if” Vorschaubild “has_post_thumbnail” dann
Zeile 5 : ansonsten “else”
Zeile 9 : Ende der wenn/dann Abfrage

In den Zeilen 2 – 4 ist halt die Ausgabe des Vorschaubildes definiert und in den Zeilen 6 -8 die Ausgabe der Werbung von Google Adsense. Natürlich könnte dort auch etwas anderes eingetragen werden. Meinetwegen ein Standardbild wenn dem Artikel kein Vorschaubild zugeordnet wurde oder von mir aus auch dicke grüne Füße – egal. Der DIV in der Zeile 6 sorgt nur dafür das die Werbung innerhalb des Fließtextes angezeigt wird und ist über CSS-Angaben wie folgt definiert.

.adsleft {
	float:left;
	padding:0 20px 0 0;
	}

Das einzige, was jetzt beim Artikel schreiben beachtet werden muss ist wieviel Werbeanzeigen schon auf der Startseite angezeigt werden. Wenn man wie in meinem Fall jedem zweiten Artikel kein Vorschaubild zuordnen würde erschienen auf der Startseite wieder Artikel mit einer weißen Fläche links neben dem Text. Also schaue ich immer nach auf der Startseite wieviel Werbung bereits eingeblendet wird und ordne dementsprechend ein Vorschaubild dem Artikel zu oder auch nicht.

Ich bin sicher es gibt bei WordPress auch Möglichkeiten dies so zu coden das automatisch gezählt wird wann die nächste Werbung auf der Startseite angezeigt werden kann, doch dafür reicht mein gefährliches Halbwissen nicht aus. Ich finde meine Lösung durchaus praktikabel und glaube auch nicht das die Performance unter dieser kleinen “if”-Abfrage leidet.

Wie habt ihr das bei euch gelöst? Habt ihr Werbung fest eingebunden oder arbeitet ihr auch mit Abfragen um die Einblendung von Werbung zu steuern?

Der Marek fragte mich nämlich in dem Artikel WordPress Theme Yoko-child 1.0 steht zum Download bereit | delijo :

Deine Seite sieht wirklich ganz wunderbar aus! Ich habe eine Frage zu deiner Navigation unten auf der Startseite. Wie hast du das derart traumhaft hinbekommen? Auch rechts unter der Pfeil, der nach oben zeigt, macht echt was her!

Ich dachte, du hättest deine Navigation über das Plugin WP-Navi realisiert, konnte aber im Childtheme keinen Hinweis darauf finden.

Gruß
Marek

Nun, es ist wie Marek richtig vermutet das WordPress Plugin WP-PageNavi, das ich mit ein wenig CSS anpasste. Dafür änderte ich die Angaben in der Datei pagenavi-css.css, welche sich in dem Plugin-Verzeichnis befindet ( …/wp-content/plugins/wp-pagenavi). Da diese Änderungen bei einer Aktualisierung des Plugins wieder überschrieben würden befinden sich sich auch in der Datei style.css meines themes (…/wp-content/themes/yoko-child).

So, damit ihr eure Page-Navi anpassen könnt wenn euch mein Design gefällt hier die Angaben aus der Datei pagenavi-css.css

.wp-pagenavi {
	clear: both;
	text-align:center;
	font-weight: bold;
	height:50px;
}

.wp-pagenavi a, .wp-pagenavi span, a.page {
	text-decoration: none !important;
	color:#f0f0f0 !important;
	background:#ccc !important;
	padding: 15px 20px !important;
	margin: 5px !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(PIE.htc);
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background:#333 !important;
}

.wp-pagenavi span.current {

}

Auf der Einstellungsseite des WordPress Plugins WP-PageNavi im Backend habe ich das Plugin so konfiguriert wie auf dem Screenshot zu sehen.

Dann wollte Marek noch wissen wie ich den “nach oben” Pfeil im unteren Bereich meiner Website realisiert habe. Dies ist einfach nur eine Grafik, die ich im Footer verlinkt habe. Der Code in der footer.php dazu lautet

<div class="clear"></div>
<div class="align-right">
	<a href="#page" class="top"><img src="http://www.delijo.de/blog/wp-content/themes/yoko-child/images/square/arrow-up.png" title="top" alt="top" /></a>
</div>...

Natürlich könnte dies auch eleganter mit einer Hintergrundgrafik realisiert werden. Dann bestünde auch die Möglichkeit bei Mouse-hover eine dunkle Grafik anzuzeigen. Vielleicht mache ich das auch noch irgendwann. Zur Zeit bin ich aber zu faul…

Es ist eigentlich ganz einfach. Man geht einfach bei der Tanja schauen wie die das gemacht hat, zieht sich aus ihren Artikeln zu dem Thema die Infos die man braucht, studiert ihren Quelltext zum besseren Verständnis und schon werden unter jedem Artikel die Vote-Buttons angezeigt. Fein säuberlich in einer Reihe ohne das einer der Buttons aus der selbigen tanzt.

Das Geheimnis des Erfolgs

Das Geheimnis des Erfolgs liegt darin dass für jeden Vote-Button ein eigener DIV angelegt wird. Diese können dann schön via CSS angepasst werden was margin, width, float angeht und schon klappt es mit den Vote-Buttons in einer Reihe. Ich musste da ziemlich lange rumprobieren bis es wirklich geklappt hat.

Das Grundgerüst für die Template-Datei content-single.php

<div class="clear"></div>
	<div class="box">
		<div class="wikios">
			...
		</div>
		<div class="twittern">
			...
		</div>
		<div class="gbut">
			...
		</div>
		<div class="fbshare">
			...
		</div>
		<div class="clear"></div>
		<div class="twitterfollow">
			...
		</div>
	</div>
<div class="clear"></div>

Die CSS-Anweisungen aus der Datei style.css für die einzelnen DIVs

.box {
	margin: 30px 0 10px 0;
	padding: 20px 0;
	overflow:hidden;
}
.wikios {
	float:left;
	width: 80px;
	margin-top:4px;
	}
.twittern {
	float:left;
	width:115px;
	}
html* .twittern {
	width:115px;
	}
.gbut {
	float:left;
	width:70px;
	}
.fbshare {
	float:left;
	width:120px;
	}
.twitterfollow {
	float:left;
	}

So, wo ihr den Code der einzelnen Dienste bekommt dürfte jeder wissen. Nicht? Ok Ok…

Offizielle Quellen für die Integration der Vote-Buttons

Twitter Follow-Button = http://twitter.com/about/resources/followbutton
Twitter Tweet-Button = http://twitter.com/about/resources/tweetbutton
Google +1 Button = http://www.google.com/webmasters/+1/button/
Facebook “gefällt mir” Button = http://developers.facebook.com/docs/guides/web/
Wikio Boost Button = http://www.wikio.de/tools/vote?referrer=%2F&backto=%2F&id=0

Dies sind die offiziellen Quellen. Leider ist der dort bereitgestellte Code oft nicht valide und muss weiter angepasst werden. Da ist die Tanja eine sehr gut Anlaufstelle.

Ein paar hilfreiche Links zu dem Thema

• Google +1 Button mit ein paar Spielereien einbauen | Crazy Girls Tipps
• Twitter Follow Button in Webseite oder Blog einbauen – der neue Folge Button | Crazy Girls Tipps
• Facebook Share Button ohne Javascript und W3C valide | Crazy Girls Tipps

Viel Spaß beim basteln!

Bei den meisten Funktionen die ein Weblog in der Regel dem Besucher bietet wird davon ausgegangen dass die jedem bekannt sind. Es wird nichts erklärt und wenn doch dann schön im Slang der Bloggerszene damit der normale Besucher, der selber keinen eigenen Blog hat und nur zufällig auf dem Weblog gelandet ist auch ja kein Wort versteht.

Der RSS-Feed – ein bömisches Dorf

Nehmen wir zum Beispiel den RSS-Feed. In der Regel findet sich im oberen Bereich der Sidebar das jedem Blogger wohlbekannte Symbol. Es ist doch logisch was dieses bedeutet – für uns Blogger. Doch was ist mit Lieschen Müller von nebenan? Weiß die auch das der RSS-Feed kostenlos ist, es keiner Registrierung bedarf wenn man diesen abonniert? Es gibt Menschen, ganz wunderbare, die sich nicht trauen den RSS-Feed zu abonnieren aus eben diesen Gründen. Auch wissen die wenigsten was sie mit dem Feed anfangen müssen, welches Programm oder welche Erweiterung sie brauchen um den RSS-Feed zu nutzen. Ich denke wenn wir mehr Menschen dazu bringen wollen aktiver in der Szene zu werden und interessante Feeds zu abonnieren sollten wir in unseren Weblogs unter dem Symbol für den RSS-Feed einen Link hinterlegen wo dieser genauer erklärt wird und auch weiterführende Links enthält zu den gängigen Feed-Readern. Was ist das? der RSS-Feed

Die Kommentare – Ägypten?

Mit den Kommentaren ist es nicht anders. Da herrscht ganz einfach die Angst vor seine E-Mail Adresse preis zu geben. Zwar geben manche in dem Kommentarformular an das die E-Mail Adresse nicht veröffentlicht wird, doch dann ist es für die Nutzer nicht nachvollziehbar warum sie überhaupt angegeben werden muss. Eine weitere Hemmschwelle ist das Feld Name. Viele denken da man müsse seinen realen Namen angeben. Vielleicht wäre es sinnvoll die Beschriftung des Feldes zu ergänzen: (gerne auch ein Spitzname). Regelwerk – Code of Conduct

Zwei Beispiele

Eine gute Freundin, bei der wir am Wochenende zu Besuch waren sagte mir das sie meinen Blog in der Vergangenheit eigentlich sehr gerne gelesen hat um einfach auf dem Laufenden zu bleiben was unsere Familie angeht. Mittlerweile nerven sie aber die Artikel über den ganzen technischen Kram und über die Blogosphäre.

Der zweite Fall hat nicht unbedingt etwas mit Weblogs zu tun sondern viel mehr mit dem social network Facebook. An diesem lässt sich aber schön erkennen wie viele Nutzer des Internets ticken.
Ein Bekannter, der bei Facebook zu meinen Freunden zählt entschuldigte sich bei mir das er auf eine Statusmeldung in meiner Timeline antwortete. Erst danach sei ihm aufgefallen das dies gar keine Meldung von mir sondern von einem anderen Facebook-Freund war und er dachte es sei nun schlimm das er da einfach seinen Senf zu geschrieben hatte.

Du bist Deutschland Blogger – es liegt in deiner Hand!

Wir sollten wirklich mehr auf die Seitenbesucher, welche durch Suchmaschinen zu uns finden und oft zum ersten Mal mit einem Weblog konfrontiert werden, eingehen. Auch ist es ein großer Fehler alle Funktionen, Features, Blogstrukturen und Navigationshilfen als selbstverständlich zu sehen und zu meinen das jeder Besucher sich mit der Materie auskennt.

Ich fürchte wir sind mit den Jahren betriebsblind geworden! Es liegt an uns dies zu ändern wenn wir mit der Welt außerhalb der Bloggerszene mehr in Kontakt treten wollen und einen regen Gedankenaustausch mit Nichtbloggern anstreben!

Eine Frage geht mir die ganze Zeit durch den Kopp.

Warum wird von Hinz und Kunz bei großen Newsportalen wie blöd kommentiert? In Weblogs dagegen taucht so gut wie nie ein Kommentar eines Nichtbloggers auf.

Luigi hat in einem Artikel geschrieben, dass nun seine bevorzugte Schriftart endlich in den Blog eingebunden werden konnte. Änderungen im Theme sind doch manchmal wirklich schön. Zumindest wenn sie so gelingen wie man es gerne hätte. Aber kaum jemand macht sich Gedanken darüber, wie die Webseite auf Systemen aussieht, die nicht Firefox, IE oder Chrome heißen. Und Safari.

Sicherlich kann man sagen, dass die meisten Internetnutzer diese Browser nutzen. Aber es gibt eben auch andere und auch diese „Kunden“ möchten gerne beachtet werden. Aber wie findet man heraus, wie Deine Webseite auf anderen Browsern aussieht, ohne gleich alle möglichen Installationen durchführen zu müssen?

Screenshot Brwosershots

Browsershots – Lösung im Internet

Das Internet wäre wohl kaum das Internet, wenn nicht auch für ein solches Problem schon längst eine Lösung gefunden wäre. Diese nennt sich Browsershots. Eine Webseite, die von jeder URL Screenshots aus Sicht der verschiedensten Browser macht.

Wie funktioniert Browsershots?

Die Internetseite ist enorm schlicht gehalten. Man gibt auf der Startseite seine eigene URL an und dann muss gewartet werden. Je nachdem wie viele Browser man gerne testen möchte kann das schon einmal bis zu zwei Stunden dauern. Bei mir ist das meist aber wesentlich weniger und so muss ich nur ein paar Minuten warten.

Nachdem die Screenshots hochgeladen wurden, kann man sich das Ergebnis ansehen und stellt schnell fehlerhafte Darstellungen fest. Sei es in älteren Browsern oder weil eine CSS Deklaration daneben geschossen ist – Hier sieht man nahezu alles.

Browsershots.org – Mein Fazit

Wenn man ambitioniert genug ist, und versuchen möchte es allen recht zu machen, ist dieses Tool ein optimaler Wegweiser um Fehler im CSS Code zu entlarven. Und das auf nahezu allen Browsern. Ich persönlich kenne nicht jeden CSS Hack und kann auch meinen Blog nicht ständig so umändern, dass er allen gerecht wird, aber den ein oder Fehler konnte ich durch dieses Tool aufdecken und infolge dessen natürlich auch beheben. Gerade bei den noch gängigen Browsern stellen sich ab und an einmal Fehler ein, die man eben nicht auf den ersten Blick sehen kann. Deswegen und weil es kostenlos ist, bekommt Browsershots.org einen „Daumen hoch“ von mir.