Avatar billede themaster Nybegynder
10. august 2006 - 14:47 Der er 6 kommentarer og
1 løsning

scrollbars i IFRAME og IE

Hey Exp's

Jeg har et lille problem som jeg har prøvet at løse, men jeg er endt lidt i en blindgyde.

http://team.deadheads.dk har jeg en iframe. Tryk ind under "us?". Nu skulle der kun være en scrollbar i højre side af IFRAME'et. Men i IE v.X.X kommer der  også en scrollbar i bunden. Og den skal IKKE være der! Har testet siden i Firefox og Netscape. De overholder begge overflow-x: hidden;.

Hvad skal gøre for at få den samme effekt i IE?

På forhånd tak, themaster
Avatar billede mclemens Nybegynder
10. august 2006 - 18:05 #1
css/us.css

body {
    overflow-x: hidden;
    background-color: #FFFFFF;
    font-family: sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

- overflow lægger på html og ikke body ... altså såfremt
man ikke er i quirks mode lægger den på html ellers i quirks
mode lægger den på body (så vidt jeg husker)

Så prøv:

html {overflow-x: hidden;}
body{
    background-color: #FFFFFF;
    font-family: sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0px;
}
Avatar billede mclemens Nybegynder
10. august 2006 - 18:10 #2
Jeps besøg f.eks.:
http://team.deadheads.dk/us.php
- Lav så vinduet ned i en størrelse så den horisontale scroller dukker frem
Indsæt så denne linje i addresselinjen og enter.

java script:document.body.style.overflowX="hidden";void(0);

- Den simulerer overflow-x:hidden; på body elementet ... virker ikke...

Prøv så herefter denne linje istedet:

java script:document.documentElement.style.overflowX="hidden";void(0);

- Den simulerer overflow-x:hidden; på html elementet (kaldet documentElement i javascript)... den virker ...
Avatar billede mclemens Nybegynder
10. august 2006 - 18:12 #3
Og det med quirks kan du se her på eksperten
ved at prøve overflow-Y:hidden; på body elementet:

java script:document.body.style.overflowY="hidden";void(0);

eller html elementet:

java script:document.documentElement.style.overflowY="hidden";void(0);

... Og det virker lige modsat herinde da eksperten tvinger
IE i quirks mode grundet xml deklarationen som står før doctypen.
Avatar billede mclemens Nybegynder
10. august 2006 - 18:18 #4
^ - Den skal selvfølgelig være før doctypen hvis den skal være der - men den skal bare ikke være der når man kører med IE - da IE ikke understøtter xhtml. Og nu køres ekspertens side heller ikke som xhtml - det gør din egentlig heller ikke. (IE understøtter jo ikke xhtml men man kan levere en mimetype der passer hvis xhtml er understøttet... se evt.: http://www.eksperten.dk/spm/719030 ... men bemærk xhtml sider må ikke have en eneste fejl - så går fremvisningen af siden galt - se evt. tråden og Oleboles artikler ... og med det i mente bør du nok have de fejl fjernet... http://validator.w3.org/check?uri=http%3A%2F%2Fteam.deadheads.dk - eller skifte til almindelig html hvis du føler at det er lidt hårdt med at en fejl ødelægger hele fremvisningen ... indrømmer selv at det er lidt hårdt til tider... )
Avatar billede themaster Nybegynder
11. august 2006 - 15:25 #5
mclemens -> Tusind tak for hjælpen! Lige hvad jeg manglede! Og tak for forklaringen med quirks! Der blev jeg klogere :-)
Avatar billede mclemens Nybegynder
11. august 2006 - 16:46 #6
Velbekom, og tak for point :)

... Men du har indsat det her før din doctype - det gør
at IE går i quirks så den ikke understøtter css...

<script language="javascript">
    java script:document.documentElement.style.overflowX="hidden";void(0);
</script>
<!DOCTYPE...

- Jeg anbefaler at du fjerner det javascript og gør som i
10/08-2006 18:05:25 istedet - javascript linjen var som sagt
( fra 10/08-2006 18:10:28 "Indsæt så denne linje i addresselinjen og enter." )
til at indsætte i adresselinjen og ikke på selve siden. Adresse linjen er
den linje var man skriver webadressen - bare så vi ikke går forbi hinanden
- altså den linje hvor der p.t. står http://www.eksperten.dk/spm/725353 .

- Det er en lille linje man kan indsætte og så trykke enter... det gør det
muligt lige hurtigt at teste en ting man regner med hjælper på et problem...
... men løsningen er ikke linjen men css rettelsen i 10/08-2006 18:05:25
Avatar billede mclemens Nybegynder
11. august 2006 - 16:49 #7
- Det hjælper dog med scriptet før doctypen, men det er som sagt fordi IE så går i quirks og ikke overholder css (skiftet mellem overflow på body og html). Og en IE i quirks er ikke sjov at håndtere - tro mig jeg har selv gjort det i meget lang tid. Det med IE i quirks forårsager enten to ting: Enten sætter det en begrænsning på hvad css man kan bruge og dermed også markup strukturen - eller også gør det at man skal til at bruge en masse css hacks til IE.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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