On Sat, 6 Mar 2004 20:57:25 +0000 (UTC), Sebastian Mathias Lange
<sebjlan@brnet.dk> wrote:
> Jeg er lige ved at lave min første rigtige hjemmeside, men kan
> ikke finde ud af at centrere et billede-link MIDT på siden. På
> midten af både x- og y-aksen. Hvordan gør jeg det i et
> stylesheet?
En mulighed ville være:
<div id="centrerbillede">
<img src="billedsti.jpg" alt="billede">
</div>
Og så med følgende css:
#centrerbillede {
width:100%;
text-align:center;
}
Dette vil centrere billedet i forhold til den omgivende boks, hvilket
betyder, at hvis du placere <div id="centrerbillede"> i en anden div der
f.eks. er venstrejustreret og med width:50%, så vil billedet være i midten
af den venstre halvdel af skærmen.
Så længe den omgivende boks fylder hele bredden - eller er centreret - så
virker det.
Det er den letteste måde, at centrere på. Hvis det af en eller anden grund
ikke er muligt på denne måde, så kan du også gøre noget med:
#centrerbillede {
left:50%;
margin-left: - billedets bredde/2 + 'px';
/* f.eks. hvis billedet er 200px bredt, så skal der stå:
margin-left:-100px; */
}
Lodret centrering fungere på samme måde:
#centrerbillede {
top:50%;
margin-top: - billedets bredde/2 + 'px';
}
Du skal bare være opmærksom på, at hvis indholdet ikke holder
sig inden for den angivne højde på boksen, så vil noget af billedet
forsvinde ud af browservinduet.
Desværre er der ikke nogen sikker måde at centrere lodret på.
--
Ryan Kristensen