Avatar billede jepper65 Nybegynder
20. september 2006 - 11:01 Der er 10 kommentarer og
1 løsning

cetrer i css

hej!

jeg har et problem. Jeg er ved at lae en hjemmeside i css. jeg vil gerne have at indholdet er centreret i midten af browseren uanset hvilken opløsning man kører ( 800*600 osv..)

jeg har prøvet at erstatte px med procenter, men jeg synes ikke at kunnne finde nogen løsning!

min kode ser sådan her ud, er her nogen som har et godt råd til løsningen på mit problem?

<style type="text/css">

body    {
    text-align:left;
    background-color: white;
   
    }


#content {
    margin-top: 50px;
    margin-left: 110px;
    padding: 2em 2em 2em 2em;
   
    width: 588px;
   
    background-color: #f9f9f9;
}

H5.overlap {
    font-family: arial;
    margin-top: -77px;
    margin-left: 148px;
        }

#headerimage {
    margin-left: 75px;
   
    height: 155px;

  </style>

<body>

<div id="headerimage">
            <img src="menub.png" />
        </div>
<H5 class="overlap">biografi </H5>

<div id="content">
        us, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
        </div>
</body>
Avatar billede jesper-moeller Nybegynder
20. september 2006 - 11:09 #1
Her er en tutorial der centrere siden http://www.mindpalette.com/tutorials/center_layers/index.php
Avatar billede jowii Nybegynder
20. september 2006 - 11:39 #2
Det er intet problem at centrere horisontalt, men jeg vil undgå vertikal centrering. Det er ikke særlig sikkert!
Avatar billede kinderaeg Nybegynder
20. september 2006 - 13:13 #3
Vertikal centrering kan nu godt lade sig gøre, uden de helt vilde krumspring.
http://www.jakpsatweb.cz/css/priklady/vertical-align-valid-solution-en.html
Avatar billede jowii Nybegynder
20. september 2006 - 13:16 #4
Ja det er intet problem, men det er et problem at få det vist i alle browsere.

Som regel laver man det så det kun virker i en opløsning, og det er jo ikke så smart :-)
Avatar billede kinderaeg Nybegynder
20. september 2006 - 13:28 #5
Ja, du har ret i, at man skal tage højde for browsernes særheder, men det er jo et generelt problem, at forskellige browsere ikke oplever tingene ens, og ikke kun noget man skal forhold sig til ved vertikal centrering. Hvis man vil bruge "lidt" tid på at sætte sig ind i, hvordan de forskellige browsere opfører sig og lege lidt med udførelsen, skulle der ikke være noget til hinder for, at man kan få det til at virke.
Avatar billede jowii Nybegynder
20. september 2006 - 13:56 #6
Okay, jeg tænkte også mere på opløsningen..
Avatar billede jesper-moeller Nybegynder
20. september 2006 - 14:15 #7
For en horisontal og vertikal centrering http://www.jart.dk/jgom/tutorials/tutorials.html
Avatar billede roenving Novice
21. september 2006 - 11:38 #8
-- og en gammel udgave: http://www.wpdfd.com/editorial/thebox/deadcentre4.html hvor mange browsere understøttes !-)
Avatar billede jepper65 Nybegynder
21. september 2006 - 12:32 #9
hm tak
jeg har nu centreret horizontalt, hvilket var hvad jeg egentlig ville. mit eneste problem er nu at mine margner gør at siden i opløsningen 800*600 ikke kan ses i browseren uden at brugeren må tage scroll-knappen i brug. er der nogen løsning på dette? jeg synes ikke jeg kan få "fjernet" dette store hvide område
Avatar billede jowii Nybegynder
21. september 2006 - 13:55 #10
Kan du ikke klemme dit design lidt ind? Du skal tænke på, at nogen der bruger 800*600 også har menbjælker med mere, som gør vinduet endnu mindre..

Har du et link? :-)
Avatar billede jepper65 Nybegynder
06. juni 2008 - 11:01 #11
lukker
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