Obrázek zarovnaný ho. i ver.

Jo, třeba tabulkou, nebo JS. (radši tabulkou)

Myslim ze sa nejak da. Ale nie som si isty ci to bude fungovat

body {text-align: center; height: 600px}
div#obrazok {width: 100%; height: 100%; line-height: 600px}
div#obrazok img {margin: auto auto auto auto}

Skus, tieto zabezpecenia ma momentalne napadaju a mozno by mohli vycentrovat obrazok do stredu obrazovky, skus sa s tym pohrat.

<div id="obrazok">
<img src="" />
</div>

alebo popripade skus odstranit jednu z vlastnosti, bud margin a ponechaj line-height alebo odstran line-height a ponechaj margin.

FantomX1: To je sice hezký, ale ne každý má 800x600.

To je pravda, ani ja nie. Ale v tom pripade nemusis vlastnost height: pre tag body nastavovat, skus nechat automaticku velkost ze co to spravi a v tom pripade odstran aj vlastnost line-height pre div#obrazok

FantomX1: nefunguje

Funguje (IE, Gecko, Opera):

div {position:relative; height:100%; text-align:center}

img {position:relative; top:50%; margin-top:-25px}



<div><img src=...></div>

Ten zápornej margin je samozřejmě 1/2 výšky obrázku.

Este upozornim ze ten div nemoze byt v ziadnom inom prvku ktory nema velkost samotneho tela, no verim ti ze funguje ten tvoj sposob habendorf, ale potom neviem preco nejde moj, si si isty ze prehliadac da telu velkost velkosti stranky aj v tom pripade ked nema ziadny obsah? No neviem.

FantomX1: Asi ti teď moc nerozumím.To tvoje nejde, protože margin:auto ti to vycentruje jen horizontálně. To moje řešení jsem odzkoušel, šlape v IE, FF, OP.

Este upozornim ze ten div nemoze byt v ziadnom inom prvku ktory nema velkost samotneho tela
Ano, to je pravda, ale zadání znělo Představte si stránku, na které je jen obrázek.

si si isty ze prehliadac da telu velkost velkosti stranky aj v tom pripade ked nema ziadny obsah? No neviem.
Však vyzkoušej.

Tady je kdyžtak demo: http://www.brs.cz/pokusy/horizontal-vertical-center.html