Google Translate verpest layout

[eXisTa]

Op 1 of ander manier krijgt Google Translate Javascript het voor elkaar om mijn layout de verpesten.
Je kunt meteen zien dat een site ongeveer een centimeter naar beneden zakt behalve de background-image.

Iemand enig idee wat hier aan de hand is, via Firebug of Chrome Element Inspector kan ik niets vreemd vinden.

Zie hier de originele site:
http://www.appletvnieuws.nl/

En hier de vertaling met de messed up layout:
http://translate.google.c...2Fwww.appletvnieuws.nl%2F

[ Voor 11% gewijzigd door eXisTa op 17-10-2011 19:56 ]

[sfranken]

Kun je een screenshot posten? Ik zie wat je beschrijft namelijk niet in:
1) Firefox 7.1 op Ubuntu 11.10
2) Chromium op Ubuntu 11.10
3) Internet Explorer 9 op Windows 7 32 bit SP1
4) Opera op Windows 7 32 bit SP1
5) Safari op m'n zus d'r mac (OSX Lion)

[eXisTa]

sfranken schreef op maandag 17 oktober 2011 @ 19:59:
Kun je een screenshot posten? Ik zie wat je beschrijft namelijk niet in:
1) Firefox 7.1 op Ubuntu 11.10
2) Chromium op Ubuntu 11.10
3) Internet Explorer 9 op Windows 7 32 bit SP1
4) Opera op Windows 7 32 bit SP1
5) Safari op m'n zus d'r mac (OSX Lion)

Je ziet aan de translate pagina dat de menu-items niet binnen de lijnen vallen:
http://translate.google.c...2Fwww.appletvnieuws.nl%2F

[ Voor 7% gewijzigd door eXisTa op 17-10-2011 20:04 ]

[sfranken]

Aha, ik zie nu inderdad wat je bedoelt. Ik heb even in firebug gekeken en ik zou 't om eerlijk te zijn ook niet weten

[OnTracK]

Het probleem lijkt de iframe te zijn die er aan het begin van de body bij wordt gezet. Hierdoor staat de achtergrondafbeelding lager. Misschien kan je hier wat aan stylen. Als alternatief kan je mogelijk een extra div in de body zetten die de achtergrondafbeelding bevat, want dan zal de iframe daarvoor worden geinsert in plaats van erin (in de body, zoals nu).

[Joolee]

Als je de iFrame op display: none zet werkt je website ook weer zoals de bedoeling is. Het lijkt geen invloed te hebben op de werking van Google Translate.
Ik zou zoiets gebruiken:

Cascading Stylesheet:

iframe { display: none; }
div#page iframe {display: inline; }

[eXisTa]

Joolee schreef op maandag 17 oktober 2011 @ 20:44:
Als je de iFrame op display: none zet werkt je website ook weer zoals de bedoeling is. Het lijkt geen invloed te hebben op de werking van Google Translate.
Ik zou zoiets gebruiken:

Cascading Stylesheet:

iframe { display: none; }
div#page iframe {display: inline; }

Wat een held, ik ben dus echt al uren op zoek naar de oplossing en uiteindelijk is hij nog vrij simpel ook.
Ik dank u hartelijk!!!