CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

d.kryger Praktikant

08. marts 2011 - 13:36 Der er 11 kommentarer og
1 løsning

"Problem" med Google Translate Element i IE

Hej eksperter.

Jeg har via http://translate.google.com/translate_tools genereret nedenstående kode:

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'da',
includedLanguages: 'en,zh-TW,no,pl,sv,de',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Den virker også fint i både Firefox, Safari, Chrome og IE (både 8 og 9).

MEN MEN MEN i alle andre end IE, der "skubber" den indholdet på siden ned, når man har valgt et sprog, således at man stadig kan se hele siden - men det gør den bare ikke i IE...

Gør jeg noget galt eller er det bare endnu en "bug" i IE?
Men mest af alt vil jeg gerne vide om jeg kan gøre noget for at det bliver ens i alle browsere...

P.S. Gør nu ikke tråden til en diskussion for eller imod IE...

Synes godt om

Junkuhn Nybegynder

08. marts 2011 - 15:47 #1

Jeg går ud fra at den henter noget spog halløj fra Google og smider det i "<div id="google_translate_element"></div>".

Kan du ikke se om du kan løse det i dit stylesheet?

#google_translate_element{
display: block;
etc...
}

Synes godt om

d.kryger Praktikant

08. marts 2011 - 15:55 #2

Jeg har prøvet med

#google_translate_element{
display: block;
}

Men det hjalp ikke... Sprogvalget kommer stadig ned "foran" sideindholdet og "skubber" ikke sideindholdet ned ligesom i de andre browsere...

Har du andre forslag eller er det nogle andre som har forslag?

Synes godt om

Junkuhn Nybegynder

08. marts 2011 - 16:04 #3

Du kan prøve at give den en min-height måske.

Smid et <br /> efter div'en..

Desværre skal man tit ud i sådan nogle sære løsninger når det kommer til IE.. :)

Nu har jeg ikke set dit design, men du kunne jo også flytte hele "sitet" lidt ned på siden. Altså give din wrapper div, container div, eller hvad du kalder den, noget margin i toppen.

Synes godt om

olebole Juniormester

08. marts 2011 - 16:43 #4

<ole>

Prøv at lægge et link til et eksempel

/mvh
</bole>

Synes godt om

d.kryger Praktikant

09. marts 2011 - 10:54 #5

Hej igen...

Jeg har nu kogt min kode ned til et mininum, og jeg har fundet ud af at det er i min CSS der måske er noget galt. Hvis jeg under "body" indsætter "margin : 0 0 0 0;", så virker det ikke efter hensigten...

Eksempel hvor det ikke virker: http://www.kryger.name/test.php
Eksempel hvor det virker: http://www.kryger.name/test_uden_margin.php

Men nu vil jeg altså gerne have at der ingen margin er på siden... Kan man lave noget andet (jeg er ikke den store CSS-haj)?

Synes godt om

Junkuhn Nybegynder

09. marts 2011 - 12:48 #6

Du kan nulstille ALT margin i din CSS med:

*{
margin:0;
padding:0;
}

Dette er dog ikke så hensigtsmæssigt hvis du regner med at have meget trafik på sitet da det godt kan være sløvt.

Synes godt om

d.kryger Praktikant

09. marts 2011 - 14:21 #7

Tak for koden Junkuhn, men det hjælp desværre ikke (eller også har jeg ikke sat det rigtigt ind...

Se evt. her: http://www.kryger.name/test.php

Synes godt om

olebole Juniormester

09. marts 2011 - 15:03 #8

Til en begyndelse nytter det ikke noget at spekulere over CSS, når du ikke bruger et standardiseret dokument. Den DTD, du bruger, disabler store dele af CSS i IE. Brug i stedet denne:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Du bør også bruge et tidssvarende tegnsæt, der forstås af andet end IE under Windows:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Synes godt om

olebole Juniormester

09. marts 2011 - 15:05 #9

- og en af de ting, CSS disabler med din DTD, er netop CSS' box-model - som bl.a. har med padding, margin og border at gøre ;o)

Synes godt om

d.kryger Praktikant

09. marts 2011 - 16:17 #10

@ olebole: SUPER... Mange tak for det... Det virker nemlig nu... Vil du ikke lige lægge et svar, så jeg kan dele point ud?

Synes godt om

olebole Juniormester

09. marts 2011 - 17:21 #11

Selvtak. Jeg kommer her sjældent og samler ikke længere points, men tak for tilbudet =)

Synes godt om

d.kryger Praktikant

10. marts 2011 - 08:24 #12

Helt i orden, så lukker jeg spm. ved selv at tage point...

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS