Avatar billede flodhesten Nybegynder
07. marts 2009 - 17:56 Der er 8 kommentarer og
1 løsning

Minimere website uden vandret scrollbar

Hej.

Jeg er ved at lave en hjemmeside. Hjemmesiden er centreret. I højre og venstre side har jeg en div med skygge baggrund som er 25 px i bredde. Når man gør vinduet lille kommer der straks en vandret scrollbar så snart der ikke er mere plads at give af.

Mit spørgssmål er om man få disse to div i højre henholdsvis venstre side til at blive overset når man gør et vindue mindre? Altså så der først kommer en vandret scrollbar når man kommer til det egentlige indhold, og ikke bare den skyggeeffekt?

Ved ikke om det er forståeligt, men jeg håber meget på lidt assistance.
Avatar billede andreas13_fam Nybegynder
07. marts 2009 - 18:02 #1
Hvis du har sat en div til 25px i bredden så er den 25px bred, og det vi da frembringe en vandret scrollbar når pladsen er 25*2+midten.
Avatar billede zips Juniormester
07. marts 2009 - 19:37 #2
Prøv at lægge et link eller koden så vi kan se det, er ikke helt sikker på hvad du mener :-)
Avatar billede zips Juniormester
07. marts 2009 - 19:48 #3
Ok har måske forstået det lidt, det du ønsker er som her på eksperten hvor boksen Seneste it-job i højre side forsvinder hvis du gør vinduet minder og her er ikke nogen scroll bar i bunden?
Avatar billede olebole Juniormester
07. marts 2009 - 22:00 #4
<ole>

Hvis du laver et billede på 774x6 pixels med dine skygger i siderne, kan du skrive:

<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
}
#wrapper {
    max-width: 774px;
    min-width: 750px;
    margin: 0 auto;
    background: url(gfx/bg.png) center repeat-y;
}
#content {
    width: 728px;
    padding: 10px;
    margin: 0 auto;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background: #fff;
}
</style>

- og:

<div id="wrapper">
    <div id="content">
        Indhold ...
    </div>
</div>

/mvh
</bole>
Avatar billede flodhesten Nybegynder
07. marts 2009 - 23:21 #5
#3 -> Præcis.

Jeg kan desvære ikke få det helt til at fungere ole.

Jeg har lavet et billede 774x6 med mine skygger på, men den viser ingen skygger, selv ikke når vinduet er fuldt maksimeret.
Avatar billede flodhesten Nybegynder
07. marts 2009 - 23:23 #6
Kanon.

Nu fik jeg det til at virke ved at fjerne "center repeat-y".

Har du nogen ide om hvordan jeg så kan få højden til at være 100%?
Avatar billede flodhesten Nybegynder
07. marts 2009 - 23:34 #7
Ok, skulle vist lige have søgt inde jeg spurte...

html, body {
height: 100%;
}

Men det her nemlig været et problem for mig i lang tid. Anyway, tak for din fornuftige løsning.

Du får point.
Avatar billede olebole Juniormester
09. marts 2009 - 12:45 #8
Så lægger jeg lige et svar  =)
Avatar billede olebole Juniormester
10. marts 2009 - 14:08 #9
Tak for points  =)
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