Avatar billede ravnkilde Nybegynder
25. november 2004 - 14:54 Der er 8 kommentarer og
1 løsning

CSS - Fixed/absolute positioning / siderne "danser"

Hej!

Jeg har en website med flere sider, der har forskellige mængde af indhold. Nogle med lidt, der gør at den lodrette scrollbar ikke vises og nogle med så meget indhold, at scrollbaren vises. Det betyder at siderne står og "danser" i forhold til hinanden.

Jeg har kun anvendt CSS i megen lille udstrækning (nok en fejl), men er det "Fixed/absolute positioning", jeg skal anvende til at "låse" alle siderne med?

Alt indhold er placeret i en tabel med en bredde på 100%.

En CSS-nybegynder har brug for lidt assistance her...
Avatar billede schaefner Juniormester
25. november 2004 - 14:58 #1
Du kan ikke rigtig undgå det hvis du vil have siden centreret. Hvis du venstre-stiller den betyder det jo ikke noget.
Avatar billede ravnkilde Nybegynder
25. november 2004 - 15:00 #2
Siden er og skal være centreret.
Avatar billede olebole Juniormester
25. november 2004 - 15:10 #3
<ole>

Nu er det ikke til at vide, hvad du skal gøre, når koden ikke kan ses - men afhængig af flere ting kan du prøve at skrive:

html {
  overfow: scroll
}

... eller:

body {
  overfow: scroll
}

Så burde du vel altid få en scrollbar i vinduet og derved burde 'animationen' stoppe

/mvh
</bole>
Avatar billede schaefner Juniormester
25. november 2004 - 15:14 #4
Problemet burde heller ikke opstå i IE, da den viser en scrollbar hele tiden omend den er "usynlig" når der ikke er behov for den.
Avatar billede montymus Nybegynder
26. november 2004 - 10:46 #5
Jeg er selv ny i de.. Jeg har lavet en side hvor jeg havde tingene sat til float og det ødelagde siden totalt hvis brugeren havde en anden skærmstr eller opløsning end min.. Jeg har låst mine ting...:

#window /* Her defineres selve hjemmeside-vinduet */
    {
        width:980px; /* Dette definerer bredden på vinduet som hjemmesiden vises i */
        height:555px; /* Dette definerer højden på vinduet som hjemmesiden vises i */
        overflow:auto; /* Dette gør at hvis hjemmesiden er størrere end vinduet dannes der scroll barer */
    }
#billede /* Her defineres kundens logo */
    {
        position:absolute; /* Denne definition gør at logoet ikke kan flyttes */
        top: 10px; /* Her defineres hvor på hjemmesiden logoet skal placeres i højden */
        left: 50px; /* Her defineres hvor på hjemmesiden logoet skal placeres i bredden */
    }
#flogo /* Her defineres kundens banner */
    {
        position:absolute; /* Denne definition gør at logoet ikke kan flyttes */
        top: 10px; /* Her defineres hvor på hjemmesiden logoet skal placeres i højden */
        left: 220px; /* Her defineres hvor på hjemmesiden logoet skal placeres i bredden */
    }
#dd /* Her defineres de to dropdown bokse */
    {
        position:absolute; /* Denne definition gør at logoet ikke kan flyttes */
        top: 105px; /* Her defineres hvor på hjemmesiden logoet skal placeres i højden */
        left: 650px; /* Her defineres hvor på hjemmesiden logoet skal placeres i bredden */
    }
#menu /* Her defineres menuen i venstre side */
    {
        position:absolute; /* Denne definition gør at logoet ikke kan flyttes */
        top: 160px; /* Her defineres hvor på hjemmesiden logoet skal placeres i højden */
        left:50px; /* Her defineres hvor på hjemmesiden logoet skal placeres i bredden */
    }
#iframe /* Her defineres den iframe hvor alle vinduer åbnes i */
    {
        position:absolute; /* Denne definition gør at logoet ikke kan flyttes */
        top: 140px; /* Her defineres hvor på hjemmesiden logoet skal placeres i højden */
        left: 220px; /* Her defineres hvor på hjemmesiden logoet skal placeres i bredden */
        margin: 5px 5px 5px 5px;
       
    }
#billedeHis /* Her defineres billedet på siden om firmaets historie */
    {
        float: left;
        width: 100px;
}

Jeg ved ikke om det kan bruges..
Avatar billede ravnkilde Nybegynder
26. november 2004 - 23:36 #6
Jeg vil kigge nærmere på dit forslag, montymus. Ellers har jeg fundet lidt mere om problematikken her: http://cssvault.com/cat_positioning.php
Avatar billede montymus Nybegynder
28. november 2004 - 09:37 #7
nice link.. tak
Avatar billede ravnkilde Nybegynder
30. juni 2005 - 08:20 #8
jeg lukker spørgsmålet, men I skal lige lægge et svar, for at kunne få pts.
Avatar billede ravnkilde Nybegynder
20. marts 2006 - 22:16 #9
.
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