Šuplík Honzy Hučína

Skok na navigaci (menu)

Tento blog je v současné době uzavřen.
Pokračování blogu na bloguje.cz jsem zrušil. Pokud budu někdy pokračovat, bude to spíš tady.

Komentovaný článek

Internet a vše kolem
9. 9. 2004

Vertikální centrování - zlepšovák

Pixy dnes v noci zveřejnil řadu velmi užitečných tipů ohledně webdesignu pomocí CSS. Zabývá se hlavně vícesloupcovou sazbou a nutno říct, že finta s obrázkem jako pozadím pozicovaným pomocí procent je pěkná a užitečná.

Článek Deset triků CSS, které možná neznáte, na který Pixy také odkazuje, přináší řešení jednoho ze závažných webdesignerských problémů: vertikální vycentrování řádku v bloku. Trik s pomocí CSS vlastnosti line-height je Kolumbovo vejce. Ale má bohužel slabinu: jakmile je řádek v bloku příliš dlouhý (například při příliš velkém písmu a úzkém bloku), přeteče z bloku ven a je po parádě (příklad).

Napadlo mě řešení, které podobnou situaci ošetří – možná už je notoricky známé, ale já jsem o něm neslyšel. Do bloku s nastavenou výškou se vloží další blokový prvek s nastaveným horním a dolním paddingem tak, aby to vytvářelo dojem vertikálního centrování:

#blok {
height:5em;
border:1px solid black;
width:600px;
text-align:center;
}

#vnitrek {
padding-top:2em;
padding-bottom:2em;
margin:0
}

...

<body>
<div id="blok">
<p id="vnitrek">Toto je pokus o vertikálně centrovaný blok. Zvětšením písma se tolik nepoškodí.</p>
</div>
</body>

Prohlédněte si příklad. Sice se v případě přetečení řádku vertikální centrování poruší, ale layout aspoň nezhavaruje tak, jako při použití line-height.

Aktualizace: Yuhů, jak se zdá, vyřešil problém vertikálního centrování definitivně.

Vložit vlastní komentářNávrat k článkuRSS komentářů tohoto článku

Komentáře

Žádné komentáře nejsou k dispozici.

K tomuto článku není možné vkládat komentáře.

© Honza Hučín 2004–6

Šuplík běží na PIPNI.CZ. Díky!

sber.cermat.cz

RSS Šuplíku

RSS komentářů – souhrnně

U každého článku je samostatný RSS kanál pro komentáře.

Výběr článků

Posledních 10 článků

nebo podle data:

nebo hledání fulltextem:

Archiv všech článků

Poslední komentáře

Zabili mě, parchanti [2]

8. 8. 16:48 | Pepa

Cestou kolem blogu [2]

7. 8. 21:26 | Honza Hučín

Cestou kolem blogu [1]

7. 8. 21:02 | Honza

Vrtulník nad hlavou [3]

6. 8. 14:29 | Pepa

Taková hra na volby [1]

3. 8. 18:29 | Honza

Nejčtenější

Žádné údaje nejsou k dispozici.

O mně

*1967, absolvent MFF UK v Praze (1991)

statistik, analytik, programátor, učitel, hudebník

nyní Ústav pro informace ve vzdělávání

Životopis (RTF)

Napište mi