Avatar billede Slettet bruger
05. maj 2004 - 08:45 Der er 17 kommentarer og
1 løsning

Hvorfor "forsvinder" noget af min side?

Jeg er i gang med en hjemmeside:
www.b91randers.dk

Når man laver vinduet mindre, forsvinder noget af mit indhold ud af skærmen.

Hvad skal jeg gøre for at få alt indhold til at være tilgængeligt, bare med scrollbars, såfremt en brugers vindue er mindre end siden?

Jeg har på fornemmelsen at det er denne her der givet problemer, men kan ikke gennemskue det:

#content {
    position:absolute;
    left:50%;
    width:760px;
    margin-top:0px;
    margin-left:-380px;
    }
Avatar billede troublemaker Nybegynder
05. maj 2004 - 08:53 #1
Din side virker fint med scrollbars på min comp.
Avatar billede troublemaker Nybegynder
05. maj 2004 - 08:53 #2
Glem det jeg lige skrev. Kan godt se hvad du mener nu!!
Avatar billede cdc Novice
05. maj 2004 - 08:59 #3
Din side har ikke det store problem da den ser fin ud i en opløsning på 800x800 som nok er den mindste opløsning man laver en side til i dag. Så umiddelbart ville jeg ikke lave det store ved den.
Avatar billede Slettet bruger
05. maj 2004 - 09:00 #4
cdc....> Ved godt at det ikke nødvendigvis er det store problem, men det er måske lige så meget af nysgerrighed....

Laver jeg noget på en knap så hensigtsmæssig måde, kan jeg jo lige så godt begynde at lave det anderledes... og mere hensigtsmæssigt.
Avatar billede lordhead Nybegynder
05. maj 2004 - 12:00 #5
prøv at centrere din box på følgende måde:

#content {
    text-align: center;
    position:relative;
    width:760px;
    margin-top:0px;
    margin-left:auto;
    margin-right: auto;
    }

måske?
Avatar billede Slettet bruger
05. maj 2004 - 12:41 #6
lordhead...> Jeg er på arbejde lige nu, men vil prøve dit forslag engang i aften.
Jeg vender tilbage....
Avatar billede Slettet bruger
05. maj 2004 - 21:36 #7
lordhead...> Kanon, det fungerer som det skal.... altså lige efter jeg fjernede text-align: center; :o)

Læg et svar og pointene er dine.
Avatar billede Slettet bruger
05. maj 2004 - 21:40 #8
lordhead....>
Et lille ekstra spørgsmål, hvis altså du gider.

Hvordan vil du omskrive denne:
#Content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 710px;
    height: 542px;
    margin-left: -355px;
        margin-top: -271px;
}
Avatar billede roenving Novice
05. maj 2004 - 21:42 #9
#Content {
    position: absolute;
    width: 710px;
    height: 542px;
    margin: auto;
}
Avatar billede Slettet bruger
05. maj 2004 - 22:10 #10
roenving...> Det fungerer ikke helt efter hensigten.
Den jeg skrev, laver en boks på 710px x 542px, der er centreret midt i vinduet.

Dit forslag flytter boksen op i øverste venstre hjørne.
Avatar billede lordhead Nybegynder
05. maj 2004 - 22:15 #11
jeg lægger hermed et svar ;-)

Det andet spm, kan jeg ikke umiddelbart svare på men jeg er sikker på roenving har et trick i ærmet, så gem nogle point til ham :-)
Avatar billede Slettet bruger
05. maj 2004 - 22:21 #12
lordhead...> Hehe, tror han er ret ligeglad med point... men vil da med glæde uddele point for hjælp :O)
Avatar billede roenving Novice
05. maj 2004 - 23:05 #13
-- hvis der ikke er en container, som er defineret med højde og bredde, kan den jo ikke finde auto-margin ...

-- og jeg er så ligeglad med point, at jeg er voldsomt irriteret over at de 13.000 point, jeg tabte på E*s nedbrud, har smidt mig ud af (næsten !-) alle top10-lister !o]

-- og auto er ikke så godt understøttet af alle browsere ...
Avatar billede lordhead Nybegynder
06. maj 2004 - 07:04 #14
Takker for point :-)

roenving> Det er normalt derfor man putter text-align:center; på - for så mener jeg også IE kan fortolke koden - det har jeg ihvertfald set de har gjordt på _mange_ sider.
Avatar billede roenving Novice
07. maj 2004 - 06:20 #15
-- og måden er:

#ydercontainer{
  text-align:center;
}
#indercontainer{
  width:710px;
  margin: 0px auto;
  text-align:left;/*Eller den normal-text-align, man vil bruge*/
}

Dette betyder at IEs (fejlagtige !-) alignment af alle elementer efter text-align-rulen virker i de tilfælde, hvor standardens margin:auto; ikke virker (f.eks. i IE !-)

-- og så virker det i alle almindelige browsere ...
Avatar billede Slettet bruger
07. maj 2004 - 13:15 #16
roenving...> Hmm, der sker nøjagtig det samme her hos mig.

Går ud fra den skal bruges således:

<div id="ydercontainer">
  <div id="indercontainer>
    indhold
  </div>
</div>
Avatar billede roenving Novice
07. maj 2004 - 16:27 #17
Hrm ...

Det er nok bredden, som mangler:

#ydercontainer{
  text-align:center;
  width:100%;
}
#indercontainer{
  width:710px;
  margin: 0px auto;
  text-align:left;/*Eller den normal-text-align, man vil bruge*/
  background:purple;
}
Avatar billede Slettet bruger
10. maj 2004 - 18:46 #18
roenving...> Fungerer heller ikke.

Jeg har tilføjet en height til indercontainer. Ellers kan den jo ikke vide hvad højden skal være??
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