Nijak na tom nevisím, jen by mě zajímalo jak to udělat. Pokud by se mi nečí řešení zamlouvalo, tak bych dotyčného odměnil děkovným odkazem na svých stránkách, čímž bych mu zdarma katapultoval PageRank do závratných výšek! :-)
Např.:
div.centrovany {Nebo:
div.vnejsi {Více viz článek Centrování v CSS na Sově.
Riesenie p. Prokopa (variant 2) sa mi pozdava viacej ako mnou naskrabana definicia, predpokladam totiz vyhrady voci pouzitiu display: inline-block.
Rada pre mna: konecne si kupit aj knizku p. Prokopa ;-)
Mozilla nezobrazuje daný případ špatně, pouze jinak, než si autor představoval. Neexistuje žádný standard ani doporučení, jak zobrazovat špatné HTML. Odstavec v HTML (<p>) může obsahovat pouze řádkový (inline) obsah, nikoliv blokový.
Nebo jste se snad v klasické sazbě setkali s tím, že by odstavec textu obsahoval další vnořený odstavec či dokonce odstavce!?!
CSS 2, konkrétně 10.3.5 Floating, non-replaced elements, říká:
If 'left', 'right', 'width', 'margin-left', or 'margin-right' are specified as 'auto', their computed value is '0'.
Což IMHO znamená, že šířka takového boxu by měla být správně 0. Defaultní hodnota vlastnosti overflow zajístí, že obsah boxu bude viditelný, ale rámeček by měl být při mém chápání specifikace jen okolo boxu nulové šířky.
Ad př. 1: Ve vysokých rozlišeních je rámeček širší než text a nevypadá to hezky. K čemu je básničce rámeček, když jí vlastně nerámuje ? O návštěvníky s NN4 nestojím.
Ad př. 1: Pokud nastavím šířku podle nejdelšího verše, všechny ostatní básničky budou mít šířku rámečku podle té nejširší. To opět nemá cenu rámečky dělat. A zvláštní styl pro každou básničku mi přijde absurdní (ne konkrétně zde, spíš v principu).
Umíte si to představit ? Když jedna bude rozevlátý volný verš a druhá krátký epigram ? To by vypadalo dost blbě. Teď to vypadá super. Přijde mi to přehledné a pěkné.
Kam až chcete kvůli CSS2 ustupovat ? Já si nemyslím, že CSS2 je dostatečná útěcha za ztrátu oblíbených hraček - rámů a tabulek.
display: table udelame z divu tabulku :)) Pak je tam jeste par centrovacich hacku pro explorer a jedna expression nutna opet kvuli exploreru. Jediny problem je, ze v IE (teda 6.0, 5ku tu nemam) se nadpis basnicky nezobrazi centrovane. To by se mozna jeste dalo vyladit, nevim...
Udelej to do divu, ten vycentruj na stranku, nech blok do nej zarovnat na stranku a tomu vnitrnimu bloku dej float: left.
tak to si jednak nejsem moc jistej jestli tomu rozumim, ale pochybuji, ze se to da rozchodit treba v Mozille (kdekoli, kde se vnejsi centrovany div neprizpusobi sirce toho vnitrniho floatu) ale pokud to umite rad se necham poucit :-)
Budu to ještě trochu testovat a pohraji si s tím písmem, ale vypadá to, že do toho nakonec půjdu.
Pokud někdo víte o důvodu, proč bych to nemohl použít, ozvěte se prosím!
ČLÁNKY DO MAILU