Vertikální centrování v CSS + pevná výška – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Vertikální centrování v CSS + pevná výška – CSS – Fórum – Programujte.comVertikální centrování v CSS + pevná výška – CSS – Fórum – Programujte.com

 

macek314
~ Anonymní uživatel
1 příspěvek
7. 4. 2011   #1
-
0
-

zdravím
potřeboval bych nějakým způsobem vylepšit vertikální zarovnání textu podobně jako je zde: http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html o pevnou výšku rámce která se nezmění ani při vložení většího množství textu. V návodu který je popsán výše se používají dva DIVy které se v podstatě chovají jako tabulka u které se dá použít vertical-align, jenže tabulka ale při vložení většího počtu řádků ignoruje nastavení výšky a roztáhne se. Text který se do rámce nevleze, by měl přetéct.
Pokud nelze použít tuto metodu, jak lze vytvořit rámec s předem nadefinovanou výškou / šířkou která se nemění s velikostí vloženého textu a zárověn zarovnáním textu na střed v horizontální i vertikální poloze ?

.ramec{
table-layout: fixed;
display: table;
width:49mm;
height:15mm;
margin-left:auto;
margin-right:auto;
background-color: rgb(230,230,230);
line-height:10px;
overflow:hidden;
white-space:nowrap;
padding:1px;}
.ramec2{
display: table-cell;
vertical-align: middle;}

<div class="ramec">
<div class="ramec2">
<p><? echo $zobraz_nahled; ?></p>
</div>
</div>

Nahlásit jako SPAM
IP: 83.240.57.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 11 hostů

Podobná vlákna

Centrování obrázku — založil .NET_Developer

Centrování DIVu — založil Standa

Centrování okna Toplevel() — založil Pavels

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý