position: absolute på logo

Du kan positionere 2 "sider" af browseren af gangen, fx Top og Left. For at centrere indhold horizontalt kan du bruge:

.indhold { position: absolute; left: 50%; width: 600px; margin: 0 0 0 -300px }

Bemærk minus-marginen der skal være halvdelen af den totale bredde for at centrere indholdet. Og bruger du flere positioneringer der skal 'ligge ovenpå hinanden' kan du bruge "z-index". Z-index rangerer de forskellige div'ers placering i forhold til hinanden. Eksempel:

.indhold { position: absolute; width: 300px; height: 200px; top: 0; left: 0; z-index: 1;
indhold2 { position: absolute; width: 50px; height: 50px; top: 50px; left: 50px; z-index: 2;

Indhold2 vil så automatisk vises ovenpå Indhold som en slags "lag".

Jeg har hidtil brugt et id til at centrere alt med:

#centrer{
  width:800px;
  margin:0 auto;
  border:solid 1px #000000;
}

Skulle din metode være mere sikker ?

Erindrer faktisk nu, at jeg har leget lidt med z-index, men ikke brugt det.

Så var der lige det med browserne - det skal bare virke, hvis jeg skal bruge det !

Nu har jeg kun testet positionering i FF, IE 7 og 6, Chrome og Safari, så om det er kompatibelt med andre browsere skal jeg ikke kunne svare på.

Margin 0 auto; har aldrig slået fejl for mig, kun i browsere under IE 6.0 - men okay, så langt tilbage skal vi vel ikke designe - så må de få opdateret deres browsere ;-)

Nej du har ret - det er jo gratis at opdatere ;D

Så jeg vover mig ud i det.

Vil du lægge et svar...

Hvis med "opdatere" mener at skulle bruge positionering i forhold til margin: 0 auto; så er der faktisk ikke nogen grund til det. Med mindre du har andre elementer på siden der gør at du er nødt til at bruge positionering :-)

Eller, det var hvis mig der misforstod din besked mht. opatere.. ;-)

Jeg tænkte godt nok på browsere, som du selv hentydede til...

Jeg beholder min id centrering - og vil bruge positioneringen til at lægge logoet under indholdet i koden - så indholdet kommer så langt op i toppen, som muligt, af hensyn til seo.

Tak for hjælp ;-)

Np :-) Og tak for point.