[Løst]Problem med overflow-y: scroll; i IE 7

[inspo]

Hei

 

Har problem med scrolletingen på ei side eg jobbar med. Den fungerar fint i alle nettlesarar utenom IE 7.

 

Problemet er overflow-y: scroll; fordi at i IE 7 vises det to scrollbarer på høgre side.

 

Eg har IE 8, men kjører i kompatibilitetsmodus. Så viss noken her har skikkelig IE 7, kan det hende det ser annerledes ut.

 

Sida kan dere se her: hnf.hope93.net

 

Må eg lage ie-hack på alle sidene for å fikse det i IE 7?

 

På forhånd takk for alle svar.

 

EDIT:

 

Har no fått fiksa problemet. Laga ein liten If IE7-css der eg skreiv følgande:

 

body {

overflow: hidden;

}

 

Og det fungerar akkuratt som eg vil at det skal! :-)

Endret 11. april 2009 av Hope93

[arthoz]

Hvorfor har du overflow-y: scroll der?

 

Den ser forresten ikke helt bra ut i Opera heller.

 

Fikses med å skifte background i body til:

background: #fff url(Grafikk/Bakgrunn.png) repeat-x;

 

(eller legge til background-color: #fff; tror jeg)

[inspo]

Hvorfor har du overflow-y: scroll der?

 

Den ser forresten ikke helt bra ut i Opera heller.

 

Fikses med å skifte background i body til:

background: #fff url(Grafikk/Bakgrunn.png) repeat-x;

 

(eller legge til background-color: #fff; tror jeg)

 

Hvilken Opera bruker du?

 

Eg har 9.64, og den ser ut som den skal der.

 

Eg har scroll der, for at sida ikkje skal hoppe fram og tilbake. ;-)

 

Edit: Og det tipset ditt hjelper dessverre ikkje. for det har eg hatt sånn heile tida.

 

css:

 

body {

color: #000000;

margin: auto;

background-image: url(Grafikk/Bakgrunn.png);

background-repeat: repeat-x;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 12px;

overflow-y: scroll;

}

Endret 8. april 2009 av Hope93

[arthoz]

Opera10 bruker jeg, ser fint ut i eldre Opera her også.

 

Og nei, du har det ikke slik, det bare virker slik siden du troligens har helt hvit bakgrunn som standard i browser/windows

 

body {

color: #000;

margin: auto;

background: #fff url(Grafikk/Bakgrunn.png) repeat-x;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 12px;

overflow-y: scroll;

}

 

Better =)

 

Siden har også litt problemer med IE6 forresten.

Skjønner ikke hvorfor den scrollen kommer i IE men ;<

 

En annen liten ting som ikke har noe å si egentlig, men #heilesida er ikke hele sida, men kun de 30px margin du har gitt den, dette er fordi du ikke har noe element med clear: both; i seg

[inspo]

Opera10 bruker jeg, ser fint ut i eldre Opera her også.

 

Og nei, du har det ikke slik, det bare virker slik siden du troligens har helt hvit bakgrunn som standard i browser/windows

 

body {

color: #000;

margin: auto;

background: #fff url(Grafikk/Bakgrunn.png) repeat-x;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 12px;

overflow-y: scroll;

}

 

Better =)

 

Siden har også litt problemer med IE6 forresten.

Skjønner ikke hvorfor den scrollen kommer i IE men ;<

 

En annen liten ting som ikke har noe å si egentlig, men #heilesida er ikke hele sida, men kun de 30px margin du har gitt den, dette er fordi du ikke har noe element med clear: both; i seg

 

Nei, heilesida er ikke heilesida. Det er alt utenom den nederste delen. Det er sånn pga. designet var annerledes før. Men sida er ikkje ferdig, så eg skal fikse det etterkvart. Men jaok. Eg ska sette bakgrunnen til kvit

 

Edit: Også får eg heller lage en egen CSS for IE. Litt meir arbeid å oppdatere begge, men greit nok ;D

Endret 8. april 2009 av Hope93

[Vibeke S]

Som tidligere nevnt, hvorfor har du overflow-y: scroll;? Du har jo ikke satt noen høyde på body. Scroll kommer alltid hvis siden er høyere enn vinduet.

 

Og den kommer med i IE6/IE7 fordi den er satt på body, mens nettleseren setter scroll på html-elementet (og viser den uavhengig om det trengs eller ikke).

 

Løsning: Ta bort overflow-y: scroll, så slipper du eget stilark for IE. Og du kan egentlig bytte ut alle png-ene med gif (siden de har faste plasser på siden er det ikke noe problem å ta med gradient-bakgrunnen i bildene), så ser siden bra ut i IE6 også.

[inspo]

Som tidligere nevnt, hvorfor har du overflow-y: scroll;? Du har jo ikke satt noen høyde på body. Scroll kommer alltid hvis siden er høyere enn vinduet.

 

Og den kommer med i IE6/IE7 fordi den er satt på body, mens nettleseren setter scroll på html-elementet (og viser den uavhengig om det trengs eller ikke).

 

Løsning: Ta bort overflow-y: scroll, så slipper du eget stilark for IE. Og du kan egentlig bytte ut alle png-ene med gif (siden de har faste plasser på siden er det ikke noe problem å ta med gradient-bakgrunnen i bildene), så ser siden bra ut i IE6 også.

 

Det er tydeligvis noke eg ikkje har forklar godt nok her.

 

Grunnen til at eg har overflow: scroll; er at sida ikke skal hoppe fram og tilbake når du feks. er på tilbod, og trykker på "Hytte". Dersom eg ikkje har scroll der, så går sida fram og tilbake fordi "Hytte" er LENGER enn tilbod!

 

Etter mi meining ser det rimelig dumt ut om sida skal hoppe fram og tilbake på den måten.

 

Eg må uansett lage egen CSS for IE, med tanke på bildegalleriene. Fordi at bildegalleriene "detter" utafor hovedboksen dersom eg ikkje setter fast høgde på den.

 

Og dei som bruker IE6 skal få beskjed om å oppgradere til IE8.

 

Endret 9. april 2009 av Hope93