Positionering af elementer - Centreret lodret og vandret

Kender du dimensionerne af billedet fra starten--- for så er det rimligt nemt...

Hvis du har et billede, som er 300x500 stort, så kan du bruge følgende

.centerImg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;  /* halvdelen af bredden */
  margin-top: -250px;  /* halvdelen af højden */
}

og derefter bruge

<img src="dit_billede.jpg" class="centerImg" alt="et billede"/>

til at placere det :-)

bemærk minuset foran de to margin-___ attributter, Det er vigtigt at de kommer med...

Ja- Jeg kender størrelsen, da det er et stort billede jeg vil have til at sidde i midten lige meget hvilken skærmstørrelse man anvender.....

OK - det lyder vist til at jeg kan finde ud af det........

Prøver lige

hvis du kigger på http://www.Tumulten.dk (et site jeg var med til at lave sidste år), så er det det system, der bruges til hele tiden at holde "indholdsrammen" i midten af browseren...

Fedt - Det ser ud til at virke.......

Hvordan er det lige jeg angiver, at der ikke må vises/være nogle scrollbar på siden ???

Peter

Det er ike fordi man kan bruge scrollbaren, den er der bare (i grå...)

Det funger perfekt....Den er bare i midten hele tiden ;-)

Super ! Mange tak for hjælpen og fortsat god aften....

body {
  overflow: hidden;
}

fjerner scrollbarer fra body-context

JEP - Der var den !

PERFEKT - Endnu en gang, tusind tak for hjælpen.