reCaptcha und Webkit Probleme

Pascal Bajorat · 26.03.2012

Hallo Leute,
ich hatte eigentlich gehofft, dass ich ohne Captcha durchs Leben komme. Nachdem ich heute aber gute 200 Spam-Emails über mein Kontaktformular bekommen hatte, wollte ich reCaptcha einbauen bzw. habe es eingebaut.

Nun habe ich allerdings in WebKit Browsern (z.B. Google Chrome oder Safari) einen 20px Abstand über dem Webseiten Header.

Ich habe bereits mit den Developer Tools versucht herauszufinden, wo dieser merkwürdige 20px Abstand her kommt, konnte es allerdings nicht herausfinden.

Hat jemand von euch eine Idee? Ich weiß nur das es von dem reCaptcha JavaScript Code kommen muss, denn wenn der ausgeklammert ist verschwindet der Abstand.

Es geht um mein Portfolio: http://www.pascal-bajorat.com/

Beste Grüße
Pascal

Myhar · 27.03.2012

AW: reCaptcha und Webkit Probleme

Ich tippe mal darauf, dass der HTML Code des Captchas nicht valide ist. (divs und p innerhalb eines spans...) Das würde ich zumindest als erstes einmal beheben.

Pascal Bajorat · 27.03.2012

AW: reCaptcha und Webkit Probleme

Hi,
nein daran liegt es nicht. Den span hatte ich selber kurzzeitig angelegt um zu testen ob der div irgendetwas verschiebt.

Myhar · 27.03.2012

AW: reCaptcha und Webkit Probleme

Dein Dokument ist immer noch nicht valide, aber dort liegt nicht des Problems Übel.

Entfernt man schrittweise die Elemente von Beginn an, dann merkt man schnell, dass der Abstand vom iframe verursacht wird. Gibt man diesem kein visibiliy:hidden sondern ein dislpay:none, dann ist auch der Abstand verschwunden.

Pascal Bajorat · 28.03.2012

AW: reCaptcha und Webkit Probleme

Hallo Myhar,
danke du hast recht der iFrame war schuld, ich weiß zwar nicht wo der weg kommt vermute aber mal aus dem reCaptcha Script.

Habe das ganze jetzt über CSS ausgeblendet, funktioniert perfekt.

Was du als Validierungsfehler siehst, ist zum einen ein Meta-Tag speziell für den IE mit Chrome-Frame, der ist völlig okay, wenn auch nicht in den offiziellen W3 Spezifikationen.

Den Style Tag vor dem schließenden body haut mir ein Plugin ins System, ist mir vorher noch gar nicht aufgefallen. Müsste mal gucken wo das weg kommt, vermute aber mal es liegt am WordPress Jetpack.