Autor Zpráva
karel
Profil *
#1 · Zasláno: 27. 11. 2005, 22:24:36
Odpovědět Citovat
ahoj,
potreboval bych div, s pevnou sirkou, vycentrovany, a s vyskou height:100%, a to vse v xhtml strict. koukam na to, zkousim vsechno mozne a ne a ne na to dojit. omlouvam se jestli se to tu resilo, nenasel jsem to.
predem dekuji.
Šlaha
Profil
#2 · Zasláno: 27. 11. 2005, 23:12:13
Odpovědět Citovat 
body {text-align:center;}

.obsah {text-align:left; margin: 0 auto;width:500px;height:100%;}
karel
Profil *
#3 · Zasláno: 27. 11. 2005, 23:21:23
Odpovědět Citovat
bohuzel. jeste jednou zduraznim: a to vse v xhtml strict.
habendorf
Profil
#4 · Zasláno: 28. 11. 2005, 00:12:20 · Upravil/a: habendorf
Odpovědět Citovat
body {text-align:center;height:100%;}
.obsah {text-align:left; margin: 0 auto;width:500px;height:100%;}
karel
Profil *
#5 · Zasláno: 28. 11. 2005, 00:40:42
Odpovědět Citovat
stale nic.
Plaváček
Profil
#6 · Zasláno: 28. 11. 2005, 07:17:35 · Upravil/a: Plaváček
Odpovědět Citovat
zkus to takhle:

body {text-align:center}

html,body {
height: 100%;
}

.obsah {text-align:left; margin: 0 auto;width:500px;height:100%;}

body>.obsah {min-height: 100%;height: auto;} /* pro Mozilla, Opera */

Poznámka - blok .obsah musí být umístěn přímo v BODY (tedy nesmí být zanořen v žádném jiném DIVu)
karel
Profil *
#7 · Zasláno: 28. 11. 2005, 07:37:49
Odpovědět Citovat
uz to funguje. vrely dik!
a jeste si dovolim otazku co presne znamena to 'body>.obsah'?
Plaváček
Profil
#8 · Zasláno: 28. 11. 2005, 07:41:36 · Upravil/a: Plaváček
Odpovědět Citovat
Takový nenápadný hack pro moderní prohlížeče, který Internet Explorer nezná. Finta je v tom, že nastavené height: 100% chápe IE jako výšku minimální a pokud bude obsahu víc, prostě celý blok natáhne. Zatímco Mozilla či Opera zařídí, že blok bude vysoký skutečně jenom 100% (to jest výška jedné obrazovky) a přečnívající text z bloku vyleze.

Čili - pro modernější prohlížeče zápisem height: auto zrušíš výše nastavenou hodnotu 100% a naopak pro blok nastavíš minimální výšku 100% . Zmíněný zápis přitom říká - nastav požadované hodnoty pro blok s názvem .obsah, který je přímým potomkem elementu BODY.

Snad jsem to vysvětlil srozumitelně :)
karel
Profil *
#9 · Zasláno: 28. 11. 2005, 07:52:50
Odpovědět Citovat
Nevim co bych se uz zeptal, takze to srozumitelne je :)
Dekuji ti!
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0