Avatar billede jan2001 Nybegynder
17. marts 2008 - 17:46 Der er 6 kommentarer

billede centreret i boks

Jeg har en boks på 300px bred og høj med et billede i på 150x200px. Billedet er lagt i en <div> så det ikke følger boksens størrelse. Billedet lægger sig i øverste venstre hjørne. Jeg vil gerne have det til at være i midten af boksen uden at skrive align=center men med css. Jeg har prøvet med 50% margin men så blev billede rykket helt ud til højre i boksen. Jeg har også prøvet med 75px fra venstre, men i browseren hænger billedet stadig i øverste venstre hjørne.

    position: absolute;
    border: none;
    left: 127px;
    top: 46px;
    width: 300px;
    height: 300px;
    margin-top: 20px;
    margin-left: 75px;

JEg bruger IE6 og dreamviewerMX.
Avatar billede hmm10 Nybegynder
17. marts 2008 - 19:51 #1
Et forslag:

<style>
body {margin:0px;}
#center {position:absolute;top:50%;left:50%;background:red;width:200px;height:100px;margin-left:-100;margin-top:-50px;}
</style>
<div id='center'>center</div>
Avatar billede roenving Novice
18. marts 2008 - 14:12 #2
Det er vel billedet, der skal centreres inde i div'en:

#myImg{width:200px;height:150px;position:absolute;display:block;top:50%;left:50%;margin:-75px 0 0 -100px;}
Avatar billede jan2001 Nybegynder
20. marts 2008 - 19:15 #3
Ja det er billedet inde i div'en der skal centreres. Jeg har fundes ud af at bruge textalign=center. Men roenvings model virker også. Så læg et svar.
Avatar billede roenving Novice
21. marts 2008 - 13:34 #4
Velbekomme '-)
Avatar billede hmm10 Nybegynder
23. maj 2009 - 10:22 #5
Hmm, skulle jeg også ligge et svar inden lukketid?
Avatar billede hmm10 Nybegynder
18. april 2011 - 16:52 #6
Lukketid?
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