/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
centrering af <div>
Fra : Jonas Bager


Dato : 29-04-08 16:19

hej...

jeg er igang med at lave en hjemmeside, men har et problem med
centrering af en div..

jeg vil gerne have den til at stå både lodret og vandret cetreret
i vinduet.. jeg kan godt få det gjort i min egen browser, men
ligeså snart at jeg kigger på den i en anden skærm størrelse, så
står den anderledes... føler jeg har prøvet alt..

den kode jeg bruger ser således ud:

#container {
position:absolute;
left:60%;
top:57%;
margin-left:-31%;
width:50%;
height:50%;
margin-top:-20%;
border: 1px solid #fff;
}

hjemmesiden det drejer sig om er http://www.eddi.dk

håber der er nogen der kan hjælpe mig..

venlig hilsen jonas...

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Bertel Lund Hansen (29-04-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 29-04-08 16:44

Jonas Bager skrev:

> jeg vil gerne have den til at stå både lodret og vandret cetreret
> i vinduet.

Du har altså brug for at den ligger på en bestemt måde i forhold
til vinduet - det der også kaldes relativ position.

> #container {
> position:absolute;

Men her sætter du absolut placering, og så kan siden jo ikke
indrette sig efter andre system-, browser- og vinduesstørrelser.

Noget andet er at man ikke kan centrere lodret (det er den korte
forklaring).

Vandret opnås det med

   margin: auto;

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408522
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste