absolute v relative a relative s vyskou absolute

Absolutně pozicované prvky (v tvém případě DIVy) jsou ze své podstaty vyňaty z toku dokumentu a jsou nezávislé na ostatních prvcích stránky. Proto také nemůžeš dosáhnout toho, aby se rodičovský DIV natáhl podle obsahu (protože vlastně žádný nemá). Na vině ale není CSS, ale tvůj systém skladby stránky. V tomto případě se neobejdeš bez plovoucích prvků (kukni třeba semo http://css.e-sign.cz/), je tam na výběr dost šablon pro vícesloupcové layouty.

Jinak receno - pouzivat position: asbolute pro zakladni rozvrzeni stranky (layout) je cesta do pekel. Opravneni ma jen v pripadech, kdy vylozene potrebujete mit neco v samostatne vrstve, napriklad. Leo

Náhodou, Yuhů i já to využíváme na stránkách ke své plné spokojenosti.

Neviem, prečo sa rozčiluješ :) Prozatím ve své praxi jsem nenarazil na nic, co by se nedalo pomocí CSS udělat. A protože máš zjevně trochu mezery ve znalostech, doporučil bych ti knihu Petra Staníčka CSS - Kaskádové styly, kde se celá jedna kapitola věnuje systému a funkci pozicování pomocí CSS včetně velmi srozumitelně vysvětlené problematiky blokových a řádkových prvků.

Keby sa aspon blokove prvky spravali ako blokove prvky ale oni sa spravaju ako blokove prvky iba na sirku, vo vertikalnom smere je to stale riadkovy prvok. To tam uz nemohli dat nieco ako display: fullheightblock; alebo nieco....

Nechapem preco to ma oznacenie CSS2, ved je to taky smejd ze by si to zasluzilo oznacenie mozno CSS 0.6

Heh?

BranoD: Jinými slovy to jen neumíš a vadí Ti, že se to nedokážeš naučit? Výborný argument pro pamflet. Nestačím žasnout.

BranoD: Jenomže ten obsah tam je a autor layoutu s tím počítá. Pro dynamická řešení je třeba stavět web jinak.

Možná budu vypadat jako kverulant, ale pokud stavím dynamický web s administračním systémem, pak to, co tam může uživatel vložit přece leží na bedrech správně postaveného CMS, ne? Jinými slovy, nepovolím uživateli vložit větší obrázek, než layout unese. Postavili jsme spoustu dynamických webů s administrací a nikdy jsem s tím problém neměl. Nebo máš pocit, že tabulka by layout zachránila, kdyby tam někdo vrazil obrázek větší, než je stanovená šířka buňky?

Ještě dodám, že toto http://www.dataware.cz/ je dynamický web, který spravuje sekretářka, postavený bez tabulek a žádné potíže, pokud vím, s ním nikdy nebyly.

Nic ve zlém, ale být tebou, začnu opravdu nejdříve studiem technologie CSS a teprve pak se rozčiluju na pány, kteří se snaží vytvořit nějaké standardy.

"Možná budu vypadat jako kverulant"

Vim o nich. Lyze sundat.

Pokud chcete, aby web vypadal naprosto STEJNĚ ve všech prohlížečích, nezbývá vám nic jiného, než jít cestou flashe nebo udělat web jako obrázek. Pár pixelů sem nebo tam mě opravdu nerozhodí (i když přiznávám, že právě u Dataware je to chybička, které jsem si nevšiml a která se dá snadno odstranit, což záhy učiním).

Upřímně, mě tahle diskuse nebaví. Pokud máte pocit, že CSS je k ničemu a že stojí za baterky, netrapte se s tím, a tvořte tabulkové weby. Já vás neukousnu a existuje pořád velké množství klientů, kterým je šumák, jak je web postavený. Důvod, proč vám nejde něco udělat je ten, že stále přemýšlíte starým stylem - totiž snažíte se přizpůsobit vlastní obsah webu jeho grafickému ztvárnění, což je opačný přístup, než který po dobré úvaze volí profesionál. Je totiž ověřenou pravdou, že každá webová prezentace je primárně nositelem informace a grafická podoba hraje až druhé housle.

Pokud se týká problematiky absolutně a relativně pozicovaných prvků, zřejmě jste nepochopil jejich účel. Absolutně pozicovaný blok je vyňat z toku dokumentu (což poznáte podle toho, že je úplně jedno, v které části kódu ho umístíte). Jeho polohu pak určujete pomocí souřadnic (left, right, top, bottom) a to buď absolutně k oknu prohlížeče, nebo relativně k nadřazenému absolutně nebo relativně pozicovanému bloku. Navíc absolutně pozicovaný blok se chová podobně, jako kupříkladu vrstva (layer) v obrázku dělaném ve Photoshopu. Lze mu přiřadit takzvaný z-index (což je pořadí jakoby ve třetím rozměru) a tím docílit bezva efektů.
Tím, že je absolutní prvek vyňat z toku dokumentu má samozřejmě omezené použití a hodí se především tam, kde potřebujete umístit, co já vím - ilustrační obrázek, anketu nebo podobnou vymyšlenost, která má pevné rozměry a upíchnout ji na místo, kde bude na věčné časy a nikdy jinak. Lze jej použít i u navigace (kupříkladu u dvousloupcového layoutu s navigací vlevo, kdy vím, že pod ní už nebude žádný obsah). V žádném případě se ale nehodí tam, kde se mění obsah, který nemůžete ovlivnit. Vždycky si položte otázku, co se stane, když si uživatel zvětší písmo. Nebo zmenší okno prohlížeče. A tak podobně. Zjistíte, že postavit základní layout na absolutně pozicovaných blocích je nesmysl, který vám přidělá vrásky na čele a naštve nejednoho uživatele.

Příkladem rozumně použitého absolutně pozicovaného bloku může být tento web http://www.allreality.cz/ . V něm je umístěno logo společnosti, které bych jiným způsobem těžko udržel tam, kde je (totiž vpravo od textu). Vše ostatní zařídily plovoucí boxy seřazené tak, aby při vypnutých stylech zůstal přehledný, čitelný a snadno ovladatelný dokument. Text strukturovaný tak, aby kupříkladu vyhledávač neměl problémy se prokousávat džunglí tabulek a aby dostal naservírována klíčová slova co nejdříve. A uživatel, který ví o internetu prd, je schopen tam vkládat fotografie, aniž by byl rozhozen layout. Což zařídí rozumný CMS systém.

Uznávám, že plovoucí prvky původně nebyly určeny k tvorbě layoutu, ale v této chvíli, kdy i podpora CSS 2 je v některých prohlížečích mizivá a CSS 3 se všemi jeho vymoženostmi je zatím sci-fi, nám nezbývá nic jiného, než jejich služeb využít. Je to ověřená metoda, která zajistí to nejdůležitější - totiž správnou strukturu výsledného dokumentu, který je i při vypnutých stylech či v textovém prohlížeči přehledný a čitelný. Návodů, jak vyrobit to, co potřebujete, je na internetu dostatek, stačí jenom pohledat a naučit se. A přijmout zásadu, že základním posláním webu je podat informace dostupnou (a přístupnou a použitelnou) formou, k níž grafika slouží výhradně jako doplněk.

A pokud vám v jiném prohlížeči uteče nějaký text o 3 pixely doleva, ale nijak víc to ničemu neublíží, pak se přece nic neděje. Uživatel, používající třeba Mozillu to stejně nepostřehne. Na druhou stranu - při důkladné znalosti správných postupů tvorby layoutu pomocí CSS se vám nic takového nestane. A pokud ano, je vždy na vině buď kodérova neznalost, nebo zásadní chyba prohlížeče, většinou obávaného IE.

P.S. - uživatel administračního systému přeci nemusí zmenšovat obrázek v nějakém editoru - od toho jsou k dispozici v PHP funkce, které prostě příliš velký obrázek bez zásahu uživatele zmenší či upraví tak, aby stránku nenaboural. Domnívám se, že všechny vaše problémy pramení z toho, že váš CMS není zrovna ukázkou té nejdokonalejší programátorské práce.

Nebo, jak už bylo řečeno v úvodu, se pozicování pomocí CSS naučit :)

Proste uzavreme to tym, ze CSS viacstlpcovu sadzbu nepodporuje (fakt), pozicovanim sa to vyriesit neda (asi tiez fakt).
Uzavřít to můžeme, ale pravdu nemáš.

BranoD

A jaky smysl by melo s vama v teto fazi debatovat, to jsem jaksi nepochopil. Leo

Především proto, že převést weby takového rozsahu do beztabulkového layoutu by spolklo příliš mnoho peněz, přičemž výsledek by zřejmě nebyl rentabilní. Druhá otázka je, proč weby takového rozsahu jako je www.seznam.cz, www.atlas.cz, www.centrum.cz, všechny obchody www.mall.cz, www.blesk.cz a podobné šly cestou beztabulkového layoutu. Protože existují tři základní pro:

1. daleko menší kód a snadnější úprava, změna či možnosti správy jednoduššího kódu, jednoduchý redesign lze provést výměnou jediného stylového předpisu, pomocí CSS lze přesně zacílit na zobrazovací zařízení

2. daleko menší nároky na přenosovou kapacitu (spravně postaveným CSS layoutem ušetříte oproti tabulkovému klidně až 70% kódu a to mám prakticky vyzkoušeno, což u webů se statisícovou návštěvností hraje velkou roli především díky tomu, že za přenosy gigabajtů se platí tvrdé peníze)

3. s tím souvisí daleko rychlejší načítání stránek, což ocení zejména lidé používající pomalejší připojení (modem, gprs a podobně). A tito lidé bývají často významní zákazníci.

Prostě moderní webdesign někam spěje a fakt, že vám něco nejde, není argument. Naopak, mám zkušenost, že existuje spousta věcí, které prostě pomocí tabulek neuděláte, kdybyste se rozkrájel. Nevím jak pro jiné, ale pro mě kouzlo CSS spočívá v tom, že mi ušetřilo SPOUSTU práce a tím jsem v kratším čase dokázal vyrobit více webů. Úspora času a peněz je dle mého skromného soudu ten hlavní argument.

A nemylte se, existují kodéři slavných webů, kteří prostě CSS neumějí. Jak v Čechách, tak v zahraničí. A čistě mezi námi, do zaběhnutého obchodu amazon.com, pokud vynáší pěkné peníze, by jen tak z rozmaru vrtal jen blázen. Princip kapitalismu tkví v tom, že každá změna, kterou provedu, se musí projevit finančním přínosem. Zřejmě pánové z amazonu usoudli, že případný přínos není tak vysoký, aby vyvážil kompletní změnu celého webu (a tím největším problémem by zřejmě byl jejich redakční systém).

Tímto tuto diskusi končím a pokud jste tak dobrý, že umíte pozicování CSS, pak nevím, co vám brání ho používat. Pokud ho neumíte, ale nechcete to přiznat, zůstaňte u tabulek. Z vlastní zkušenosti ale vím, že stále více a více klientů má přehled, jak se má stavět moderní web (k čemuž jim dopomáhají konzultační agentury typu Dobrý web nebo H1.cz) a s polovičatě odvedenou prací se nespokojí. Navíc zaváhat v situaci, kdy jenom na českém trhu je tisíce webdesignerských firem se vám při podnikání vyplatit nemusí.


To je ode mě vše. Přeju hodně úspěchů ve tvorbě.

P.S. pokud vím, vicesloupcová sazba se objevila v návrhu CSS 3 (viz pěkný seriál na Intervalu.cz), ale nejsem si jist, zda zrovna tohle je krok správným směrem. Prostě - webová stránka nejsou noviny a platí pro ni jiná kritéria.

BranoD
tak preco weby ktore su na spici, pouzivaju tabulky veselo dalej a to nie len na zakladny layout? -- a proč dalších tisíc webů na špici používá css layout? Myslím, že tento flame docela postrádá smysl a vše podstatné a relevantní už bylo řečeno

BranoD
btw:
Prave ze taketo mega firmy maju peniaze na to dat si vypracovat releventne studie a neriadia sa frazami z blogsceny. -- tu studii bych rád viděl