Avatar billede killer_r Nybegynder
15. april 2003 - 20:19 Der er 9 kommentarer og
1 løsning

overflow:hidden i IE6

Jeg har et lille problem med "overflow: hidden" i Internet Explorer 6...
Jeg har et par div der ser sådan ud:

<div style="width:110px;height:80px;overflow:hidden">
  <div style="position:relative">
    En masse tekst...
  </div>
</div>

I IE6 kan jeg åbentbart ikke bruge "overflow:hidden;" omkring et andet div med "position:relative"
Det virker fint i 5.5, men i 6 gemmer den ikke det overskydende som den burde med "owerflow:hidden"...

Hvorfor?
Hvordan fikser jeg det så det OGSÅ virker i IE6?
Avatar billede dr_nielsen Nybegynder
15. april 2003 - 20:24 #1
Den gemmer det fint hos mig, beskriv evt. nærmere
Avatar billede killer_r Nybegynder
15. april 2003 - 21:28 #2
Hvis jeg fjerner position:relative gemmer den det også fint... Men hvis det står der gemmes det ikke...
Det er kun i IE6 jeg har problemet...
Avatar billede dr_nielsen Nybegynder
15. april 2003 - 21:31 #3
Jo det virker fint her også med positionering af diven, men hvorfor vil du positionere den inderste div.
Avatar billede killer_r Nybegynder
15. april 2003 - 21:39 #4
Det er for at (vha JavaScript) kunne flytte det opad...
Det skal i den forbindelse siges at top og left er 0 ved start og så flytter scriptet det opad...
Avatar billede bearhugx Nybegynder
15. april 2003 - 22:06 #5
Det virker også fint her hos mig ... Kan du evt. lægge et link ud, så vi kan afprøve din kode (med din JavaScript-scroll -eller hvad det nu er:-)
Avatar billede killer_r Nybegynder
15. april 2003 - 22:34 #6
http://www.hadstengruppen.dk

Det er boksen "Nyheder" ude til højre...
Avatar billede dr_nielsen Nybegynder
16. april 2003 - 07:41 #7
Sakset fra din source
...
<div id="divCont" style="overflow:hidden;">
...

Der er ikke nogen height på dit div-element, som du feks har sat i dit eksempel ovenfor.
Dette virker, ligesom din kode ovenfor også virker :)
<div id="divCont" style="overflow:hidden;height:80px;">

/Nielsen
Avatar billede killer_r Nybegynder
19. april 2003 - 18:55 #8
Men det har jeg gjort i min Stylesheet...
Avatar billede killer_r Nybegynder
19. april 2003 - 19:26 #9
I min css-fil står der:

#divScroll1 {
    font-family: "Courier New", Courier, mono, monospace;
    color: #999999;
    background-color: inherit;
    font-size: 8pt;
    text-align: left;
    position: relative;
    left: 0;
    top: 0;
}

#divCont {
    width: 110px;
    height: 80px;
    overflow: hidden;
    text-align: center;
}
Avatar billede killer_r Nybegynder
20. april 2003 - 13:23 #10
Jeg fandt ud af det!!!
Hvis jeg satte
    position: relative;
    left: 0;
    top: 0;
på det yderste div også virker det!!! YES! :)
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