Autor Zpráva
Wjenceslaw
Profil
Poradíte mi prosím někdo jak vycentrovat vertikálně a horizontálně například tohle: (aby to jelo ve všech browserech) ??

<div id="obal">
<a href=""><img src="" alt="" /></a>
</div>

styly jako jsou tyhle rozhodně nestačí:

#obal{height: 150px; display: table-cell; vertical-align: middle; text-align: center;}

v tomhle případě funguje vertikální centrování jen v O a FF (v IE nikoliv) a horizontální funguje jen v IE6

díky
Plaváček
Profil
Wjenceslaw

Trošku studia: http://www.malenek.cz/cs/clanky/webdesign/vertikalni-a-horizontalni-ce ntrovani
Wjenceslaw
Profil
Nic jednoduššího asi neexistuje co? :-)))
Knopi
Profil
Wjenceslaw: Pokud vím, tak zatím neexistuje nějaký dokonalejší způsob. Ale pokud ses tak rozhodl, tak klasická tabulka je podle mě nejlepší řešení.
Str4wberry
Profil
A tohle už nefunguje?
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Plaváček
Pokud má býti na příkladu text centrován v tom černém obdélníku, tak mi to v Opeře 9.20 nefunguje.
Plaváček
Profil
Str4wberry

Nemluví se o textu, ale o boxu, a ten vertikálně vycentrován je. I v Opeře.
Wjenceslaw
Profil
Plaváček

Škoda že jsem to nenapsal hned na začátku, ale šlo mi o vertikální a horizontální vycentrování toho obrazku zabaleneho v odkazu který je v divu s pevnou výškou a šířkou.
Plaváček
Profil
Wjenceslaw

Co nějak takhle?

http://klient.plavacek.net/centrovani.html

Psal jsem to narychlo, ale šlape to i v IE 5. Vodorovnou čáru HR (nebo BR) musíš za DIVy vložit, aby se ti naskládaly pod sebe ve FF a Opeře.
Wjenceslaw
Profil
Super! Funguje to i floatované :-) Děkuji Vám, chytré hlavy, especially Plaváčkovi ;-)
Bubák
Profil
Omylem jsem tu vložil odkaz, který jsem z této stránky chtěl vložit jinam, jako odpověď na podobný dotaz.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0