Avatar billede kdjweb Nybegynder
09. august 2009 - 22:04 Der er 4 kommentarer og
1 løsning

background-image laver hak med scrollbar

Hej eksperter.

Jeg er stødt på dette problem tusindvis af gange og jeg har aldrig fundet løsningen.

Når det er man har en:

html, body {
    background-image: url(...);
    background-repeat: repeat-y;
    background-position: center;
}

Så bliver baggrunden skubbet 1px til højre (Safari) eller 1px til venstre (Firefox) hvis scrollbaren dukker op.

Håber der er nogle der har en løsning. :P
Avatar billede Slettet bruger
09. august 2009 - 22:11 #1
Fandt et hack her:
http://www.sohtanaka.com/web-design/1px-background-alignment-bug/
Ikke ligefrem en særligt god måde at gøre det på, men det kan gå som en nødløsning indtil Apple og Mozilla får fikset fejlen.

Indsæt følgende css på din side:

html {
    margin-left: -1px;
    overflow-Y: scroll;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
    head~body *{ margin-left: -1px;}
}

Det skulle tvinge browserne til konstant at vise en scrollbar, og så sætte alting 1 pixel til siden, så det hele går op.
Avatar billede kdjweb Nybegynder
09. august 2009 - 22:15 #2
At sætte margin-left 1px ned ødelægger det vel bare for alle andre browsers (forresten vil det kun hjælpe i firefox og det vil også give mig en dobbelt scrollbar for body :P)
Avatar billede kdjweb Nybegynder
09. august 2009 - 22:16 #3
Sorry mente at det kun ville virke i safari, firefox ville kræve margin-left på en ekstra px
Avatar billede kdjweb Nybegynder
09. august 2009 - 22:21 #4
Næh, det virker sku...
Havde puttet den ind i mit html, body {} så den også blev smidt på min body :)

Lig et svar
Avatar billede Slettet bruger
09. august 2009 - 22:35 #5
Svar her.
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