Avatar billede masteraaen Novice
13. december 2012 - 10:04 Der er 3 kommentarer og
2 løsninger

Scrollbar forrykker hele siden

Hej.

Jeg har med css lavet et site, som er midterstillet.
Men har det problem, at når siden bliver "for lang" til skærmen, kommer der naturligvis en scrollbar, som der også skal, i højre side. Desværre så forrykker hele sidens indhold sig så til venstre med den bredde som scrollbaren har. Det ser ikke så pænt ud.

Så enten kan jeg jo lave alle siderne så "lange", at jeg ved, der altid vil være en scrollbar, eller også findes der måske en anden løsning?

Jeg har søgt på google, men kan kun finde en lignende beskrivelse af problemet (her: http://www.diskusjon.no/index.php?showtopic=222620) men desværre ingen løsning... :-(
Avatar billede keysersoze Guru
13. december 2012 - 11:32 #1
Sæt

overflow-y: scroll;

på dit html-element.
Avatar billede masteraaen Novice
13. december 2012 - 12:02 #2
Hej.

Det lyder rigtigt, men jeg har lidt svært ved at gennemføre det i praksis.

Skal det sættes i min CSS under body {} eller fx. i den wrapper, jeg har som div?

Jeg har prøvet at sætte det ind alle vegne, men de virker ikke.
Min wrapper fx. ser nu sådan ud:
wrapper {
    text-align: left;
    margin: 0px auto;
    padding:5px;
    border-width: 1px;
    border-style:solid;
    border-color:#CCC;
    width: 960px;
    background-color:#FFF;
    overflow-y: scroll;
   
}
Og min body:

body {
    background-color:#F2F2F2;
    height:100%;
    margin:0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #01243B;
    border: thin;
    border-color:#CCCCCC;
    text-align:left;
    overflow-y: scroll;   
   
}

Hvad gør jeg ikke rigtigt?
Avatar billede keysersoze Guru
13. december 2012 - 12:06 #3
ingen af delene - dit html-element

html
{
  overflow-y: scroll;
}
Avatar billede masteraaen Novice
29. juli 2013 - 13:24 #4
Takker - vil du lave et svar? :-)
Avatar billede keysersoze Guru
29. juli 2013 - 16:15 #5
svar
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
Kurser inden for grundlæggende programmering

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