CSS: wysrodkowanie diva

[Labsta.com]

Centruje w pionie się tak:

Kod:

<div class="cont">
<img ......./>
</div>

CSS

Kod:

.cont {
/*wymiary i inne opcje*/
position: relative;
}
img {
display: block;
margin: 0px auto;
margin-top: -XX /*połowa wysokości obrazka w minusie*/
position: absolute;
top: 50%;
}

To nie jest gotowy kod, tylko szkic pisany z ręki i przedstawia ogólną zasadę. W tym wypadku .cont to kontener, ten w którego środku ma być wycentrowany obrazek.

[zdzislavv]

Hmm, tylko jeżeli zmienię w pliku css wygląd img, to będzie ta zmiana zastosowana do wszystkich obrazków, a przecież różne obrazki mają różną wysokośc. Zastosowałem ten patent i niestety nie zadziałał.

A co, gdybym zastosował dwa dodatkowe divy, żeby wysokośc była równa? Mam diva "prawa" i cztery divy "prawa1", "prawa2", "prawa3", "prawa4", mógłbym zamknąc "prawa1" i "prawa2" w "prawaA", zaś "prawa3" i "prawa4" w "prawaB". Wtedy bym ustawił wysokośc "prawaA" i dzięki temu "prawa3" i "prawa4" byłyby na tej samej wysokości. Niestety, nie rozwiązywałoby to problemu "rozciągnięcia" wysokości czerwonego pola tych czterech divów "prawai" gdzie i=1...4.

Pozdrawiam!

[KowR]

No to możesz danemu img nadać osobny styl.

Kod:

img.inny {
// treść CSSa
}

i w XHTML

Kod:

<img src="" alt="" class="inny" />