Website Tips
Home html-css • Scrollbalk door Google Translate
Google Translation
Metaaldetector Tips Banner

Scrollbalk verwijderen na toevoeging Google Translate

Heb me een ongeluk moeten zoeken om erachter te komen dat Google Translate zich niet zo netjes aan de regeltjes houdt. Het geval was dat er in mijn metaaldetector site inline style geplaatst werd. Ja, en als het niet in je eigen bestanden staat zie dan maar eens uit te vinden waar dat vandaan komt.... Met Firebug kon je zien dat er style="height: 100%; in de html-tag gezet werd.

<html lang="NL-NL" xml:lang="NL-NL" xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">

In de body-tag werd ook het een en ander aan inline style geplaatst maar dat deed verder niks geks.
Dat was dit stukje: <body style="position: relative; min-height: 100%; top: 0px;">

Gevolg van deze code was een verticale scrollbar op momenten dat dit totaal overbodig was. In combinatie met een fullscreen background is dat best irritant.

Wat je ertegen kan doen is het volgende in je stylesheet zetten:

html{
height:auto !important;
}


Mocht je trouwens de style willen hebben van die Google Translate probeer dan dit:
/* Translate Google */
div#google_translate_element div.goog-te-gadget-simple{background-color:transparent;border:none;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:#ccc;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#fff;}
.goog-te-gadget-icon{visibility:hidden;}


(En als je Translate gebruikt gelieve het "automatisch aanbieden van de vertaling" bij Google uit te schakelen. Is niet zo prettig.)

Reageer (0) 25.01.2013. 06:28