"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:487f1148$0$90272$14726298@news.sunsite.dk...
> Jeg har en boks på 300 pixel x 300 pixel.
> I denne boks indlæses nogle billeder af
> forskellig størrelse (slideshow).
>
> Billederne bliver aldrig større end de
> kan rummes i boksen.
>
> Jeg kan let centrere billederne vandret
> i boksen med text-align:center. Til lodret
> centrering bruger jeg
>
> #boks {
> display:table-cell;
> vertical-align:middle;
> ...
> }
>
> Men så duer det jo ikke i Internet Explorer,
> der ikke implementerer tabel display-egenskaber.
>
> Jeg har tænkt lidt over at bruge et array
> med de enkelte billeders dimensioner og så
> billede for billede regne ud hvor det skal
> placeres. Men det lyder som en lidt kluntet
> fremgangsmåde.
>
> Har nogen hørt/læst om en lile JS gimmick,
> der kan implementere display:table-cell?
>
> --
>
Umiddelbart, skulle en onload, der sætter en top-margin som halvdelen af
(den til rådighed værende minus billedet), på img-elementet kunne klare det?
pic_elm = document.getElementById( 'img-elm');
onload=" pic_elm.style.marginTop = .5*(300-pic_elm.offsetHeight;)+'px';)"
Har ikke testet..
Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.