TOPlist

Pixylophone - komentáře

Komentáře (od nejstarších po nejnovější)

Komentáře k příspěvku CSS: Událost měsíce - 100% výška a svislé centrování!


[1] Vložil(a): Richard, 2003-11-19, 15:45 Solo | MuteČtenáři: ---

Nejsem si jistý kde, ale o definici html, body {height:100%;} jsem četl už cca před měsícem, takže to až tak převratná novinka nebude.
Tenhle způsob centrování ovšem funguje jen v případě, že výška centrovaného boxu je percentuální, jakmile ji zadáme napevno začne to zlobit. Vzhledem k tomu že firemní prezentace bývají graficky náročné a vyžadují pevný rozměr boxu, je pravděpodobně jásot předčasný a postup zřejmě půjde použít jen jako doplněk ke klasickému centrování javascriptem.

[2] Vložil(a): Lukáš Mačí [web], 2003-11-19, 16:44 Solo | MuteČtenáři: ---

Přikláním se k Richardovi. Přiřadit výšku k html i body už jsem také četl.

[3] Vložil(a): Vita, 2003-11-19, 16:50 Solo | MuteČtenáři: ---

Ehm pixy... http://pixy.cz/blog-bloxxy/index.php?comments=1&story_id=1054207712#cmt6

[4] Vložil(a): pixy [web], 2003-11-19, 17:21 Solo | MuteČtenáři: ---

Rodzíl je v tom, že teď a takhle to funguje, a funguje všude, včetně Mozilly, Opery i Safari. Já teď nemám čas zkoumat, co je od té doby jinak a jaké jsou rozdíly v těch dvou ukázkách - jen jsem si ověřil, že tamto opravdu nefungovalo, kdežto tohle opravdu funguje...

[5] Vložil(a): pixy [web], 2003-11-19, 17:24 Solo | MuteČtenáři: ---

A jeste pro jistotu ocituju sam sebe:

>> Ale nic to nemeni na mem presvedceni, ze je nesmysl to pouzivat na normalnich WWW strankach a patri to jen do nejakych specialnich DHTML aplikaci. Nehodlam nikomu radit, jak udelat neco, o cem si myslim, ze se delat nema. A ujistuji vas pritom, ze 100% vysku umim udelat (skoro) spolehlive a nekolikrat jsem ji pouzil. Ovsem ne na "normalnim" webu. Tam proste nepatri a je proti logice veci. <<

Mozna jsem to dneska nenapsal uplne nejvhodneji (nenapadlo mne se odkazovat na onu diskusi) - ale ja mam radost opravdu hlavne z toho, ze v aplikacich to jde udelat spolehliveji a snadneji.

A jak tak na to koukam zpetne, asi tusim, kde byl tehdy ten problem a proc to TED funguje...

[6] Vložil(a): QAX, 2003-11-19, 18:05 Solo | MuteČtenáři: ---

Opravdu je to hodne stara novinka. Ale vertikalni centrovani je IMHO neni prilis vyuzitelne. Mnohem praktictejsi vyuziti height: 100% je v kombinaci s overflow pro nahrazeni ramcu, coz je podle me udalost roku :)

[7] Vložil(a): pixy [web], 2003-11-19, 18:11 Solo | MuteČtenáři: ---

ad [6] > například... :-) Ale těch možností použití je opravdu hodně.

[8] Vložil(a): Marek Janů [web], 2003-11-19, 18:46 Solo | MuteČtenáři: ---

Tak na tohle jsem už také přišel. Zatímco centrování horizontální je jasné. Vertikální centrování není jakoby zase až tak taková samozdřejmost. Ale v tabulkách jsem to dělal běžně.

[9] Vložil(a): Arcao [web], 2003-11-19, 19:36 Solo | MuteČtenáři: ---

To je fakt novinka. Ja ted pracuji na svych novych strankach a pouzivam tam tohle(na to jsem prisel sam):

   /* Height Hack */
   min-height: 100%;
   height: auto !important;
   height /**/:100%;

nevim, jestli to funguje vsude. V pohode to de v IE 5.0-IE 6.1, Mozilla, Opera 7.

[10] Vložil(a): Arcao [web], 2003-11-19, 19:57 Solo | MuteČtenáři: ---

Jo este, to co tu popisuje, tak to se probiralo tusim pred dvema a vice mesici na komunitnim systemu Nyx.Cz, takye to novinka fakt neni. Dale to prej bylo pred mesicem i na webmasterworld.

[11] Vložil(a): Arcao [web], 2003-11-19, 20:12 Solo | MuteČtenáři: ---

[9] dodatek: samozrejme je u html a body height: 100%, ye bzch to tam omzlem zanechal, kdyz sem delal pokusy??

[12] Vložil(a): pixy [web], 2003-11-19, 20:50 Solo | MuteČtenáři: ---

Já nečtu nyx.cz, nečtu webmasterworld, nekoukám denně (ani obden) na Zeldmana, Meyera, Nielsena ani PPK. Mám omezený počet zdrojů a většinou co sám nevymyslím, to nevím.

Děkuji předem za všechny informace, kde a kdy už se to všude objevilo. Pro mě to JE novinka.

[13] Vložil(a): Michal Illich [web], 2003-11-19, 21:44 Solo | MuteČtenáři: ---

Ehm, ehm, dovoluji si skromne upozornit, ze Jyxo vertikalne centrovany div uz asi rok pouziva...

[14] Vložil(a): Pavel Kout [web], 2003-11-19, 22:25 Solo | MuteČtenáři: ---

[12] Já to také čtu poprvé a díky za to, Petře. Praktické využití vidím hlavně pro background-image, kdy současně potřebuju obrázkem nasimulovat sloupec + použít nějakou dekoraci, pozicovanou například na "bottom right" (typicky tvá fotka na pixylophone).

[15] Vložil(a): QAX, 2003-11-19, 22:41 Solo | MuteČtenáři: ---

[7] napriklad: http://qax.webz.cz/nemazat/noframes/ (testovano v IE5 a Mozilla 1.4)

S dalsim klasickym layoutem obsahujicim navic statickou hlavicku je to slozitejsi, ale da se to udelat napr. takto: http://jakub.kotrla.net/nyx/abs.html

[16] Vložil(a): Whit, 2003-11-20, 01:11 Solo | MuteČtenáři: ---

[15] me tady na tom vadi, ze mi to nebere mysi kolecko. nemam ale otestovano vsady. roluje to v nejakym prohlizeci?

[17] Vložil(a): RadoA, 2003-11-20, 06:37 Solo | MuteČtenáři: ---

Ja som nedávno urobil centrovanie (pre pevný rozmer bloku) takto: http://fis-wc.vratna.sk/intro_en.html.
Skúšal som to ale len v Mozille 1.5 a IE6 (neviem, či to iné prehliadače zvládnu).
Aký by mohol byť problém v mojom riešení?

[18] Vložil(a): Jan Angelovič, 2003-11-20, 07:11 Solo | MuteČtenáři: ---

[16] V IE to roluje. Problémy s kolečkem (a potažmo klávesami PageUP/Dopw) se vyskytují jak v Mozille, tak i v Opeře: Pokud se rám rolovatelné oblasti vejde na obrazovku, rolování pomocí kolečka nefunguje. IE roluje "kontextově" - v závislodsti na umístění kurzoru.

Mě více vyhovuje přístup IE: pokud je oblast rolovatelná šipkami, měla by jít rolovat i kolečkem. Pokud někdo víte, jak zapnout takové chování v alternativních prohlížečích, napište.

[19] Vložil(a): Asperg, 2003-11-20, 10:28 Solo | MuteČtenáři: ---

QAX: Waw, tak tohle je podle me prinos. Ne svisle zarovnavani, ktere je v bezne praxi zridka kdy vyuzitelne. Diky.

[20] Vložil(a): Marek Prokop [web], 2003-11-20, 11:29 Solo | MuteČtenáři: ---

Tak já se tedy také přidám s tím, že to není novinka :-) A abych všechny přetrumfnul, rovnou prohlásím, že je to staré už minimálně rok, spíš dva. Pokud se nemýlím, u nás na to přišel Pavel Šimek, když se ještě zabýval i něčím jiným než Flashem, takže to už opravdu musí být hodně staré ;-)

[21] Vložil(a): Petr Souček, 2003-11-20, 19:36 Solo | MuteČtenáři: ---

Jen malý poznatek - nefunguje to v Adobe Acrobatu 5.0.5CE.

[22] Vložil(a): kvezt [web], 2003-12-15, 10:52 Solo | MuteČtenáři: ---

doupravená verze od QAXe [7] - upravené CSS.
pevná šířka, výška 100%, pevná hlavička i patička.
používá expressions.
funguje v IE5, Mozille i Opeře (s drobnou chybičkou při změně velikosti okna)
nelze používat kolečko myši:(

[23] Vložil(a): kvezt [web], 2003-12-15, 10:58 Solo | MuteČtenáři: ---

ehm sorry odkaz měl být na [15]

[24] Vložil(a): Jan Dvořák, 2004-04-09, 12:15 Solo | MuteČtenáři:  + + +

<div style="
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;
  height: 480px;
  margin-top: -240px;
  margin-left: -320px;
  background-color: #000000;">
Helemese na tenhle div uprostřed...
</div>

[25] Vložil(a): pixy [web], 2004-04-09, 14:02 Solo | MuteČtenáři: ---

ad [24] > Další takový, co si myslí, že když jeho MSIE pro top:50% použije výšku okna, tak že našel univerzální řešení. Kolik chcete ukázat broweserů, ve kterých to nefunguje?

[26] Vložil(a): Jan Dvořák, 2004-05-03, 19:00 Solo | MuteČtenáři: ---

Omlouvám se, hrál jsem si s tou myšlenkou a zapoměl jsem kouknout na to jinde...
(Teď už mám Firebirda jako default a stát se to nemůže...)

[27] Vložil(a): Dany, 2005-04-27, 09:55 Solo | MuteČtenáři: ---

[26] jojo s Firebirdem se podivas na hodne www stranek ;-)

[28] Vložil(a): Dany, 2005-04-27, 09:58 Solo | MuteČtenáři: ---

[27] jojo sipu si popel na hlavu a omlouvam se

[29] Vložil(a): Dany, 2005-04-27, 09:59 Solo | MuteČtenáři: ---

tak sem se stydel, ze jsem z toho celej sipal a ted si teda sypu popel na hlavu

[30] Vložil(a): nice [web], 2005-09-02, 18:17 Solo | MuteČtenáři: ---

nice to be seen


Váš názor

Přidat nový komentář

Váš komentář

Přidávání komentářů k tomuto příspěvku již bylo ukončeno.

Chcete-li autorovi přesto sdělit nějakou podstatnou informaci, která se příspěvku týká, kontaktujte jej e-mailem.



 RSS 0.9x  Export  RDF  Export  RSS 0.9x  Komentáře  TXT  Komentáře  XHTML 1.0  Validate  W3C  CSS 2.1  Em-web  Resizable  W4D  90% dogmatic

Vygenerováno: [stránka generována dynamicky]