[CSS][HTML] Centrowanie pionowe zawartości diva + crossplatform, Jak wycentrować zawartość diva który ma określoną wysokość. Opcje

[blady101]

Witam

Jest div a w nim obrazek

<div height=280px>
<img src="xxx.jpg"/>
</div>

jak wycentrować obrazek w pionie?

<div height=280px>
<table><tr><td valign=middle>
<img src="xxx.jpg"/>
</td></tr></table>
</div>

Tada.
Moje pytanie to jak wycentrować obrazek w pionie, bez używania tabeli?

Dodam, że wysokość diva jest animowana i się zmienia. Aż dziwne, że tyle lat jeszcze w jakimkolwiek standardzie nie ma opcji centrowania w pionie bez tabel. I trzeba bawić się zawsze tabelami, albo..? Jakieś pomysły? Ja już 3 dzień kombinuję.

Pozdrawiam

Ten post edytował blady101 29.12.2011, 18:54:47

[Shili]

http://riddle.jogger.pl/2006/04/19/wszystk...trowaniu-w-css/

Jest opcja centrowania.
To IE jej nie interpretuje.

btw, display: table i display: table-cell załatwi sprawę, jeśli nie zamierzasz wspierać IE. Reszta w linku.

[blady101]

I tu pies pogrzebany. Musi działać przede wszystkim na IE.

[JustHuman4]

Ty chcesz odwrócić ten obrazek do pionu i dodatkowo ustawić żeby był na środku? Nie za bardzo rozumiem (IMG:style_emoticons/default/tongue.gif)

[Shili]

W linku wyżej masz przykład. Działa pod IE, wymaga jednakże drobnych hacków. Wsjo jest opisane.

[blady101]

JustHuman4 po prostu wyśrodkować obraz w pionie (IMG:style_emoticons/default/wink.gif)

Shili w tym konkretnym przypadku nie mogę używać pozycji absolutnej, dlaczego długo by wyjaśniać. Natomiast znalazłem już zdaje się inny sposób i właśnie wcielam go w życie.

Skoro animuję, bo animuję wysokość diva, to mogę również wtedy animować górny margines obliczając go tak by wyśrodkowało mi obraz:

(wys.div - wys.img) / 2

Dam znać czy się udało.

[ervico]

Zrób to tak

[HTML] pobierz, plaintext 
<center>obrazek do wysrodkowania</center>
[HTML] pobierz, plaintext 

na pewno zadziała (IMG:style_emoticons/default/smile.gif) we wszystkich przeglądarkach (IMG:style_emoticons/default/tongue.gif)

[blady101]

Udało się jednakże nie bez minusów.

Animacja działa wolniej niż z tabelami. Na firefox marginesy jakby nie nadążały ale ostatecznie się wyśrodkowuje wszystko.

Jednak to nie jest to. Wole już poczciwe tabele.

[Shili]

@up
Wspierasz również IE6?

[blady101]

Szczególnie. Pełno tego w szkołach jeszcze.