Avatar billede hifi4all Nybegynder
23. juni 2008 - 13:24 Der er 3 kommentarer og
1 løsning

Center af foto i div - scross browser komp. er ønskeligt

Følgende sørger for at centrere et givent foto som tilsigtet, men det virker desværre kun i IE, mens alle andre browsere blot justere billet, så det står øverst i DIV´en...

Er der en venlig sjæl derude???

CSS:

.imgcontainer {
    float:left;
    width:116px;
    height:116px;
    background: url(img/p_bg_shaddow.gif) no-repeat;
    text-align: center;
}
.image {
    width:100px;
    height:100px;
    line-height:100px;
    margin-top: 6px;
    margin-right:auto;
    margin-left:6px;
}

.imgcontainer .image img {
    vertical-align: middle;
}

DIV´er:

<div class="imgcontainer">
<div class="image"><img src="img/mit_foto.jpg" alt="..." /></div>
</div>

På forhånd tak! ;o)
Avatar billede w13 Novice
23. juni 2008 - 13:36 #1
Virker dette ikke:

<div class="imgcontainer">
  <img src="img/mit_foto.jpg" alt="..." />
</div>

?

Text-align:center skulle da gerne klare det.
Avatar billede keysersoze Guru
23. juni 2008 - 13:40 #2
hvis du kender højden på billede vil dette være en mulighed http://web-dev.dk/post/2007/12/Absolut-centrering-af-hjemmeside-med-layers.aspx - ellers er vertikal centrering et problem i divs.
Avatar billede hifi4all Nybegynder
23. juni 2008 - 14:03 #3
Quote:
ellers er vertikal centrering et problem i divs.

Ja, det må siges.
Bliver lidt øv, når du jeg har lagt mig fast på at tabeller skal uddø i mine designs.
Anyway, så må jeg finde på anden måde at vise billedet på (produktfoto) :)

Smider I begge et svar, så points kan fordeles.
Avatar billede keysersoze Guru
23. juni 2008 - 19:05 #4
svar :)
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
Kurser inden for grundlæggende programmering

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