Starší komentáře ke článku: Třísloupcový layout s hlavičkou a patičkou
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 26.2.2002 7:22:27
Díky, díky díky. Jsem opravdu rád za tento příspěvek, který ukazuje sílu CSS. Trochu postrádám zmínku o absolutním pozicování např. fotografii v takto vytvořeném layoutu.
Datum vložení: 26.2.2002 8:26:00
Zdravim,
cely layout je pozicovan relativne, tudiz pouziti absolutniho pozicovani by s layoutem moc nesedelo. Absolutne pozicovany blok je totiz vyjmut z bezneho toku dokumentu.
Datum vložení: 26.2.2002 8:34:43
Zdravim,
domnivam se, ze s vami nemohu tak uplne souhlasit. Absolutni pozicovani se prece nemusi s relativnim layoutem vubec bit, navic lze treba absolutne pozicovat fotografii v bloku relativne definovaneho textu (pokud treba chci ornamentalni prvni pismeno, jako ve starych knihach).
Opravdu prehledny zdroj informaci lze nalezt na <a href='http://www.w3schools.com/css/css_reference.asp' target='_blank'>http://www.w3schools.com/css/css_reference.asp</a> Mne osobne se mimoradne osvedcil, a to nejen pri praci s CSS ;-)
Datum vložení: 26.2.2002 8:38:44
mno nevim, taky bych moc nemichal relativni pozicovani s absolutnim a vas priklad s prvnim ornamentalnim pismem lze elegantne vyresim vhodnym obtekanim obrazku.
Datum vložení: 26.2.2002 8:55:47
Asi to nebyl nejstastnejsi priklad, ale presto trvam na svem.
Datum vložení: 5.3.2003 22:49:10
Coz ovsem pane pouze ukazuje ze jste presne nepochopil jak to vse funguje. Sila absolutniho poziciovani je totiz dana predevsim vazbou na relativne poziciovane elementy - tedy, udelate-li div s position: relative, pak veskere objekty v nem s position: absolute jsou poziciovany proti nemu a s layoutem tedy perfektne spolupracuji...
Datum vložení: 26.2.2002 9:16:30
Zdravim,
ale k cemu chcete tu fotografii absolutne pozicovat? Pokud neco absolutne pozicujete v relativnim bloku, vzdy danou vec absolutne pozicujete vuci okrajům stranky. Neni mozne absolutne pozicovat box vzhledem k relativnimu boxu. Absolutni box umistneni relativnich boxu nebude respektovat, bude proste "plavat" nad relativnimi boxy, podle toho, jak zadate souradnice.
Takze, neni to mozne z toho duvodu, ze nejaky relativni box se vam posune (treba delsi text) a absotutni div uz nebude tam, kde by mel byt, resp. on tam porad bude :), ale uz tam nebude dany relativni div :)
Datum vložení: 26.2.2002 9:33:41
Ako som uz hovoril v inej reakcii na tento clanok, mozne to je. Iba musite tomu relativne pozicovanemu elementu do CSSka napisat "position: relative;" a nesmiete sa spoliehat na defaultnu hodnotu. Pozrite si to v praxi:
<a href='http://css.fczbkk.sk/absolute_vs_relative.html' target='_blank'>http://css.fczbkk.sk/absolute_vs_relative.html</a>
Datum vložení: 26.2.2002 12:37:35
Skvělé stránky (www.fczbkk.sk). Na těch 7 odkazech jsem našel věci, se kterými jsem si lámal hlavu pěkně dlouho. Konkrétně mi nikdy nešly splácnout obrázky úplně k sobě (margin, padding i border byly nule), aniž bych je musel relativně nebo absolutně posunovat.
Mimochodem u tabulek mi to stále nejde. Byl bych tedy vděčný, kdyby třeba na Intervalu vyšel na toto téma nějaký vhodný článeček.
Datum vložení: 26.2.2002 12:47:43
Hm, pokud u tabulek nastavite spravne vlastnosti border, margin i padding (pozor, musi se nastavovat primo pro danou bunku), melo by vse fungovat. Pokud zbyvaji mezery, mrknete se do zdrojoveho kodu a vymazte vsechny mezery mezi jednotlivymi elementy, ktere tabulku tvori (takze vznikne jedna dlouha radka). To by melo spolehlive zabrat ;-)
Datum vložení: 26.2.2002 12:48:59
Zdravim,
na interval.cz urcite takovy clanek - splacnuti obrazku uplne k sobe pomoci tabulek - urcite je. Nechce se mi jej hledat, ale funguje to tak, ze znacky <img> musi byt nalepeny ke znackam <td> a <td>, nesmi byt tedy mezi nimi zadna mezera, tedy <td><img></td>.
Zkuste :)
Datum vložení: 26.2.2002 12:50:23
Nemeli bychom se dohodnout, kdo z nas dvou bude odpovidat? ;-)
Datum vložení: 26.2.2002 12:59:46
Kdo driv prijde, ten driv mele :)
Datum vložení: 26.2.2002 13:01:18
No, vice informaci nebo i stejna vec formulovana ruzne muze byt tazateli k uzitku, imho. ;-)
Datum vložení: 26.2.2002 9:33:46
Pokud rodicovsky prvek vyslovne definujete jako relativne pozicovany, pak muzete v jeho potomstvu provadet absolutni pozicovani vuci nemu samotnemu. Pokud to takto neudelate, pak se stane to, o cem pisete, bude se vse pozicovat vuci strance jako celku. (Chybicka ;-)
Na otazku k cemu je to dobre by asi odpovedela velmi snadno cela rada designeru, kteri vytvareji graficky slozite prezentace, napriklad parfemu nebo modnich navrhu a podobne ;-)
Datum vložení: 2.3.2002 4:06:12
Bohuzel to funguje pouze a jen v IE 5.0 a novejsim, protoze Mozilla pozicuje absolutni elementy vzdycky vuci strance, ne vuci pozicovanemu rodici jak specifikuje W3C. O starym Navigatoru a Opere se uz vubec nebavme ;)
Datum vložení: 4.3.2002 9:15:20
Ja vam do toho nechcem kecat, ale uz davnejsie som tu hovoril o tom kde ako a preco funguje absolutne pozicovanie v relativne pozicovanom elemente. Fakt neviem, co vam na to povedat. Snad pomoze, ked este raz zopakujem linku s praktickym prikladom:
<a href='http://css.fczbkk.sk/absolute_vs_relative.html' target='_blank'>http://css.fczbkk.sk/absolute_vs_relative.html</a>
Verte mi, v Mozille to funguje (nevidim dovod preco by nemalo).
Datum vložení: 29.12.2005 1:08:03
Nevidel bych to tak cerne. V Firefoxu, IE i Opere to funguje. Pokud je prvek pozicovan absolutne, jeho pozice je absolutni vuci nadrazenemu prvku (ktery muze byt zadana relativne ci absolutne).
Datum vložení: 26.2.2002 8:13:50
Jasně, stručně, přehledně! Tak dobře sestavený článek jsem už dlouho nečetl a o CSS snad nikdy. Gratuluji ;-)
Datum vložení: 26.2.2002 8:36:30
tak nevim, ale kdyz dneska koukam na clanek o vicesloupcovem layoutu stranky pomoci CSS, jako bych zakusil deja vu ... po projeti starsich clanku jsem prisel na to, ze chyba asi nebude v Matrixu, ale v panu Kucerovi.
patrne mu postupem casu dochazi inspirace, jinak si nedovedu vysvetlit posloupnost clanu:
8.8. 2001 Třísloupcový layout webu pomocí CSS (<a href='http://www.interval.cz/r-article.asp?id=717)' target='_blank'>http://www.interval.cz/r-article.asp?id=717)</a>
11.9. 2001 Dvousloupcový layout s hlavičkou, patičkou a bannerem pomocí CSS (<a href='http://www.interval.cz/r-article.asp?id=740)' target='_blank'>http://www.interval.cz/r-article.asp?id=740)</a>
26.2. 2002 Třísloupcová sazba s hlavičkou a patičkou (<a href='http://www.interval.cz/r-article.asp?id=985)' target='_blank'>http://www.interval.cz/r-article.asp?id=985)</a>
Co bude nasledovat? Jeste si muzeme pohrat s poctem sloupcu, trochu zamixovat terminy. Trisloupcovy layout s hlavickou bez paticky, nebo s patickou bez hlavicku, nebo originalne clanek o hlavicce a paticce samotne?
Datum vložení: 26.2.2002 8:45:29
Zdravim vas,
clanek vznikl na objednavku redakce --> ja pisi jenom to, co si redakce interval.cz preje. Neni v me moci ovlivnovat to, co na tomto serveru vyjde.
Ale k tem ostatnim clankum - kdybyste vytvarel nejake designy pomoci CSS, urcite byste vedel, ze v mnoha pripadech neni pridani ono sloupce navic, ci paticky (nekdy to dokonce ani nejde) tak jednoduche, jak s tabulkami, ktere vam vygeneruje kazdy HTML editor podle toho, jak si je nakreslite.
Pokud se podivate na nektere zahranicni servery, take jiste najdete nekolik clanku, jak vytvorit XY-sloupcovy design ala CSS. Proc asi?
Datum vložení: 26.2.2002 9:00:29
Mirku,
souhlasim s Tebou a anonymu "spud" bych doporucil trochu vice hrdosti ;o)
Je mozna pravda, ze takhle "uplny" clanek mel vyjit napr. misto "Třísloupcový layout webu pomocí CSS", ale protože k tomu nedoslo, byl cas to "napravit". Myslim, ze se Ti to podarilo a clanek ma velmi dobrou uroven.
Datum vložení: 26.2.2002 9:06:12
na co mam byt hrdy? to mi trochu uniklo.
ohledne anonymity, nekamenujte me za to, ze kazdy den vyklepavam z mailboxu par desitek spamu a nechci na nej nabalovat dalsi. myslim, ze me jmeno nikomu nic beztak nerekne a nazor vystupem z anonymity nezmenim. jedine co jsem ochoten uvest je UIN:97225628 :o)
Datum vložení: 26.2.2002 9:01:21
zeptejte se me jak udelat 5-ti sloupcovy layout s hlavickou dvema bannery a patickou a upravou par radek v dnesnim clanku vam jej zhotovim. to nerikam proto, ze bych si o sobe myslel kdovi co, ale pomoci float a width je to podle me hracka. rekl bych ze jde predevsim o princip a ten je v zasade stale stejny. sachovat s pixly a rozmistenim je jen ztrata casu.
vasi pozici vam moc nezavidim, pote co jste nastinil, jak probiha psani clanku. mel jsem za to, ze autori sami prichazeji s clanky na zaklade vlastnich invenci, ale ze to probiha takto na zakazku (navic se nikdo neobtezuje zjistit, jestli se tema neopakuje (dokonce ani autor predchozich kusu)).
Datum vložení: 26.2.2002 9:05:47
Clanky takhle nevznikaji. Autori sami zpracovavaji temata a jen vyjimecne je zadava redakce. I tento clanek vznikl v dilne autora bez zadani ze strany redakce. Autor pouze navhrne tema a redakce ho schvali.
To ale nemeni nic na tom, co jsem rekl v predchozim prispevku. Clanek je velmi prehledny a pro cloveka, co se potrebuje dobre zorientovat v CSS, urcite prinosny.
Datum vložení: 26.2.2002 9:09:49
o prinosu nechci hadat, ale myslim, ze je uplne totozny s clankem dvousloupcovy layout ... jen je pozmeneno par velikosti a pridan sloupecek - tudiz mi pripada zbytecne a mohlo by tu misto nej viset neco jineho, prinosnejsi (treba i od pana Kucery, o jehoz kvalitach nepochybuji).
Datum vložení: 26.2.2002 9:13:50
Omlouvam se, ze odbocuji, ale v te souvislosti me napadlo jedno vylepseni. Pokud bychom na Intervalu zavedli "nepovinnou" registraci, po ktere by registrovany ziskal mj. moznost vkladat prispevky pod prezdivkou/jmenem z registrace a nemusel by jiz uvadet nic konkretniho (ikona u prezdivky by byla jakymsi "ceritifikatem"), registroval byste se?
Je samozrejme, ze udaje uvedene v registraci by byly duverne.
Datum vložení: 26.2.2002 9:17:49
samozrejme ...
stejne jako jsem se registroval na pruvodce.cz pozdeji na okoun.cz, polygon5.cz, zachovavam si stejny nick na xko.cz, xchat.cz, mistral.cz ... a tak dale. :o)
Datum vložení: 26.2.2002 9:22:23
Ja by som sa zaregistroval. Ked niekde prispievam alebo diskutujem castejsie, mam rad moznost istej miery personalizacie.
Datum vložení: 26.2.2002 9:23:31
To ja bych se zase neregistroval. Nektere servery dokonce podminuji registraci vlozeni prispevku do diskuse a tak vysledek je takovy, ze nic nevkladam a nikde se neregistruji :)
Datum vložení: 26.2.2002 9:28:55
Ne ne, urcite bychom to nepodminovali. Slo by o takove "formatovani" diskutujicich. Kdo by byl "format", ten by prispel bud tak, jako ted (s uvedenim sve adresy), nebo pomoci registrace, ktera by mu zarucila ochranu soukromi pred zneuzivanim jeho emailove adresy.
Nastavili bychom to tak, ze by odpovedi na sve prispevky dostal na svuj e-mail. Soucasne by jeho e-mail nebyl uveden na strankach, ale ikona za jmenem/prezdivkou by znacila, ze nejde o anonym.
Datum vložení: 26.2.2002 9:37:17
V tom pripade bych navrhoval nasledujici:
At ma v Intervalu kazdy svou kontaktni e-mailovou adresu, kterou by ovsem znala jen redakce (tato adresa by byla skutecna, treba vmalek@atlas.cz).
ale at je v systemu "kraci" adresa, kterou by bylo mozno vkladat do stranek. Treba <U>vmalek na atlas.cz</U>, jako se to deje na nekterych zahranicnich webech.
Roboti tak nemohou adresu vyextrahovat ze stranek a lide ji pritom snadno odhali ;-)
Datum vložení: 4.3.2002 12:11:19
Jeste jednou bych hlasoval pro registraci, a to proto, ze ctu Interval z vice mist. Enormne dulezite a zajimave jsou pro mne take komentare, bohuzel, na kazdem PC, odkud Interval ctu, se jejich precteni "pamatuje" zvlast (o jinych lidech na tomtez pocitaci nemluve). Bylo by pro mne tedy velmi uzitecne, kdyby se informace o precteni (clanku, komentaru) dala ukladat do nejakeho "osobniho profilu" na serveru Intervalu ;-)
Krome toho by se daly ukladat i jine informace, treba o hlasovani v anketach, o vlastnich prispevcich do diskuzi, komentarich (kdyz to chce clovek rychle vyhledat, aby na to mohl odkazat, nebo se presvedcit, ze tam opravdu napsal to, co protistrana tvrdi).
Datum vložení: 26.2.2002 9:28:14
Zaregistroval bych se, stejne vsude vystupuji sam za sebe ;-) Navic nemam rad, kdyz nekdo prispiva do diskuzi pod jmenem nekoho jineho (jako se to casto delo napr. na strnkach WinRARu).
icmene ze zahranicnich serveru podobneho typu vim, ze pokud se budou lide muset registrovat pred zapojenim do diskuze, tak ubyde 50 až 90 procent prispevku ;-)
Datum vložení: 26.2.2002 9:31:43
Urcite nechci nic omezovat - diskuse musi zustat co nejpristupnejsi a nejsvobodnejsi - jinak by nebyla internetovou diskusi. :)
Datum vložení: 26.2.2002 15:48:46
Po nekolikate (asi po pate) se snazim prispet do diskuse z MSIE for Macintosh,
ale vzdy bez uspechu... kdyby to nahodou konecne proslo ;o)
Registraci v tomto pripade nemam rad a urcite by snizila pocet diskutujicich
(pokud to neni cilem).
Datum vložení: 26.2.2002 15:58:43
To se omlouvam, vyskakuje tam nejaka drobna chyba, ktera bude brzy odstranena. Novy Interval uz testujeme a uz na nem vychazi clanky ;o) Samozrejme ty same, co tady. Zatim je ale neverejny.
K registraci: Vubec by nebyla povinna, jen dobrovolna. Kazdy by se rozhodl, zda chce diskutovat jako registrovany nebo jako neregistrovany. Z hlediska poslani prispevku by to bylo jedno. Z hlediska anonymu at kazdy jedna dle sveho uvazeni. Osobne nemam anonymy rad - pokud mam nazor, reknu ho za sebe a se vsemi dusledky. Internet je ale "pro vsechny", proto je to kazdeho vec.
Datum vložení: 26.2.2002 9:07:41
Je velmi trapne, ze lide, co kritizuji, jsou v naproste vetsine anonymni. Internet to proste umoznuje - mno, alespon poukazuje na charakter ;o)
Datum vložení: 26.2.2002 9:13:57
nekritizuji obsah, ale vyber tematu. jestli by podpis neco zmeni si nemyslim a ze by to svedcilo o charakteru uz vubec ne. proste si rad uchovavam sve soukromi. hough.
Datum vložení: 26.2.2002 9:19:28
Mno, ja take neuvadim email :)
Datum vložení: 26.2.2002 9:09:40
Zdravim,
no, ted uz by to nebyl problem, nebot jsem nastinil postup,ktery ve clanku se dvemi sloupci nebyl. Proste byste vnoroval jednotlive DIVy a vyuzival float.
No, autori muzou si navrhnout vlastni tema, proc ne, za me to bylo vitane, a myslim si, ze je to i za Marka Salandy - sefredaktorovi to totiz usetri praci. Toho tema konkretne bylo na zakazku, o svych minulych clancich jsem pochopitetelne vedel, ale povazoval jsem za nutne, aby clanek tohoto typu vysel.
Datum vložení: 26.2.2002 9:26:12
nechci vypadat jako vecny stoural, ale ...
---------------------------------------------
<U>dvousloupcovy layout</U>:
<div class="top">Hlavička stránky</div>
<div class="top-banner">Prostor pro horní banner</div>
<div class="column">
<div class="left-column">Levý sloupec stránky</div>
<div class="right-column">Pravy hlavní sloupec stránky</div>
</div>
<div class="bottom">Patička stránky</div>
---------------------------------------------
<U>trisloupcovy layout</U>:
<div class="hlavicka">Hlavička stránky</div>
<div class="banner">Prostor pro horní banner</div>
<div class="hlavni">
<div class="levy-sloupec">Levý sloupec stránky</div>
<div class="pravy-sloupec">
<div class="pravy-sloupec-vlevo">Prostredni sloupec</div>
<div class="pravy-sloupec-vpravo">Pravy hlavní sloupec stránky</div>
</div>
</div>
<div class="paticka"></div>
---------------------------------------------
pripada mi to skoro stejne - proste se obteka a obteka a obteka .... podle poctu sloupcu :o)
Datum vložení: 14.2.2003 1:27:35
tabulky - cemu tak strasne vadi tabulky?
Datum vložení: 26.2.2002 9:19:19
Konecne! Vsetky predchadzajuce clanky o CSS layoutoch, ktore na Intervale doposial vysli, som dost kritizoval. Teraz konecne vysiel clanok, ktory kritizovat nebudem, pretoze si myslim, ze je k veci. Gratulujem.
Este nieco k predchadzajucim diskusiam:
ad absolutne pozicovanie: Absolutne a relativne pozicovanie sa kludne moze miesat. Absolutne pozicovany element umiestneny do relativne pozicovaneho elementu je pozicovany vzhladom k pozicii svojho rodica. Pozor! Rodicovskemu (teda relativne pozicovanemu) elementu musite v CSSku priamo napisat "position: relative;" a nespoliehat sa na defaultne nastavenie, inak bude absolutne pozicovany element umiestneny vzhladom k dokumentu.
ad zbytocnost clanku a zonglovanie so stlpcami: Nemyslim si, ze by bol clanok zbytocny. Ako som uz spominal, predchadzajuce clanky o CSS layoutoch na Intervale neboli velmi dobre. Ked niekto tvrdi, ze tento clanok je zbytocny, tak zaroven tvrdi, ze: "Je zbytocne urobit nieco dobre, ked sme to uz predtym niekolko krat urobili zle."
A co sa tyka zonglovania so stlpcami? Kazdy layout je niecim specificky a kazdy k nemu moze pristupovat inak. Ja som napriklad prednedavnom robil ukazku trojstlpcoveho layoutu (<a href='http://css.fczbkk.sk/tri_stlpce.html)' target='_blank'>http://css.fczbkk.sk/tri_stlpce.html)</a> a urobil som ju uplne inak (bez bannerov, bez paticiek, variabilne), pretoze som v nej demonstroval nieco ine nez autor tohto clanku.
Este raz opakujem: Tento clanok nie je zbytocny. A uz vobec nie blby. Konecne...
Datum vložení: 26.2.2002 10:30:31
Dobry den, nejak mi nefuguje ten zkusebni vysledek v NN 4,74. Pravy sloupec mam namackunty vlevo, rozhozene jsou i mezery mezi.
Datum vložení: 26.2.2002 10:34:30
Je bohužel smutným obecně známým faktem, že prohlížeče verzí nižších než 6++ styly nezvládají vůbec nebo je špatně interpretují. Doporučuji Vám přejít na Netscape 6.2 nebo na MSIE 6 (pokud nejste zarytý zastánce Netcape nebo Linuxu ;-) Dlaší možností je Opera 6+, ale ta je o něco pozadu za MSIE i Netscapem.
Datum vložení: 4.11.2004 1:00:16
No, já mám IE6 a také se mi příklad zobrazuje špatně. Text v pravém sloupci není zatován k bravé straně ( float: right;), ale normálně k levé. V Mozzile se to zobrazuje korektně :o\. Roman Striš
Datum vložení: 4.11.2004 9:08:06
float: right neslouzi k zarovnavani textu...
Datum vložení: 26.2.2002 10:38:45
Zdravim,
Netscape 4.7 je jiz zastaraly prohlizec s neprilis velkou podporou CSS. Doporucuji upgrade :)
Datum vložení: 26.2.2002 10:55:40
Pokud jde o "podporu" CSS v N4.7, je spise "smesna" nez "neprilis velka".
Datum vložení: 26.2.2002 11:59:26
Zdravim,
i tak se to da rici :)
Datum vložení: 26.2.2002 11:36:07
Ja samozrejme oba ostatni prohlizece mam (IE6, Opera 6). Vyrabim stranky viz <a href='http://www.perus.cz' target='_blank'>http://www.perus.cz</a>, ale nevedel jsem, ze tenhle NN4,74 to moc nepodporuje. Zatim se do layoutu pomoci CSS nehrnu, delam vse tabulkami, protoze si myslim, ze to jeste nekdo muze pouzivat (statistiky vsak nemam). CSS pouzivam zatim pouze na texty.
Kdyz neco udelam, testuji prave v IE6, NN4,74, Opera 6. Proto ta poznamka. Muzu se zeptat, v cem testujete stranky pro koncove ceske zakazniky?
Datum vložení: 26.2.2002 11:44:06
Vzhledm ke statistikam, jez mam k dispozici, a mnoha dalsim zdrojum testuji a podporuji od pocatku tohoto roku vyhradne MSIE 6+ (5+), N6+ a O6+. A to presto, ze jsem byl drive po leta tvrdym zastancem "minimalistickeho" pristupu a optimalizoval vse na Netscape, jenz toho umel nejmene. S rozvojem technologii (PHP, JavaScript, XHTML, CSS) a v dusledku zvysenych naroku na informacni technologie predevsim pro intranetove aplikace, jsem se rozhodl pro modernizaci sveho pristupu. Howgh ;-)
Datum vložení: 26.3.2002 15:15:18
Zdravim Vas, pane Kucero,
sice velmi opozdenene, ale prece (snad se to k Vam dostane): mam nainstalovan Netscape 6.2.1 a nezobrazuje mi to dobre; paticka ignoruje prvek "hlavni" a rovna
se pod levy sloupec (takze kdyz je pravy delsi, paticka ho castecne prekryva). V MSIE6 to ukazuje dobre. Cim to je? Diky za odpoved.
Datum vložení: 6.3.2002 23:43:43
Ať zkouším sebelíb, nedaří se mi vyřešit situaci, kdy chci, aby prostřední sloupec měl šířku auto (100%). Při absolutním pozicování se při příliš malém okně části různě překrývají a vypadá to šíleně. Při použití relativního pozicování se prostřední sloupec roztáhne přes celou obrazovku a levý a pravý pokračují pod ním. Jak tomu prostřednímu sloupci "doporučit", aby laskavě nechal místo pro krajní sloupce?
Datum vložení: 7.3.2002 11:42:25
Chcete mit levy a pravy sloupec fixni a prostredni sloupec dle velikosti okna?
Pokud ano, ctete zde: <a href='http://www.interval.cz/r-article.asp?id=717' target='_blank'>http://www.interval.cz/r-article.asp?id=717</a> .
Pokud ne, dejte vedet do diskuse :)
Datum vložení: 7.3.2002 14:17:47
Díky za odkaz, ale přesně toto jsem zkoušel již v době, kdy byl článek napsán. Vzhledem k tomu, že některé sloupce jsou pozicované absolutně, dojde při zmenšení okna na určitou úroveň k nepříjemnému přeložení sloupců přes sebe. Já bych potřeboval, aby se objevil horizontální scrollbar, nikoli aby se obsah okna stal nečitelným :(
Datum vložení: 7.3.2002 14:27:04
No, mám tu někde u sebe styl, který je obdobou toho původního článku, ale všechny sloupce bez výjimky jsou v něm pozicovány relativně a vámi popsaný problém nevzniká :).
Pokud bude sefredaktor intervalu chtit, muzu jej publikovat na intervalu jako clanek s podrobným postupem, urcite by pomohl nejenom vam :)
Datum vložení: 8.3.2002 10:02:50
Urcite by pomohol aspon mne :). Riesim tiez ten problem, ze pri zmensovani sirky okna sa mi stredny stlpec zmensuje, ale ked sa uz dalej neda zmensovat, pravy stlpec sa don navaza. Ak by sa Vam chcelo, napiste mi e-mail so strucnym popisom, ako to mate vy, pripadne mi prilozte ten styl (alebo URL). Dakujem.
Datum vložení: 10.3.2002 23:23:40
Protože právě řeším úplně stejný problém jako kolega Pavel Růžička, tak bych ocenil, kdyby jste laskavě buď článek <B>prostě publikoval</B> a nečekal, až šéfredaktor hezky poprosí a nebo pokud to bez prosíku nejde, tak tento styl sem alespoň <B>uveďte do diskuse</B>. Za jakýkoliv způsob zpřístupnění stylu předem děkuji :)
Datum vložení: 11.3.2002 15:31:02
Clanek uz byl zaslan sefredaktorovi, a verim, ze vyjde, co nejdrive :)
Doufam, ze vam clanek pomuze...
Datum vložení: 26.11.2002 14:36:53
Dobry den pane Kucera,
nemohu se udrzet, ale musim Vam napsat, dve veci.
1) Chtel bych Vam moc podekovat za krasne clanky, ktere pisete. Jsem asi jeden z tech, ktere jste privedl k mormam W3C. CSS jsem se primo zamiloval a o XHTML Strict ani nemluve - proste parada. Casto (temer kazdy den) se vracim na nmoho stranek intervalu k Vasim clankum, abych z nich cerpal, ale take zkusel nove veci a inovace.
2)Z vasich clanku o CSS a trislopcovem layoutu
<a href='http://www.interval.cz/clanek.asp?id=1022' target='_blank'>http://www.interval.cz/clanek.asp?id=1022</a>
a predevsim <a href='http://www.interval.cz/clanek.asp?id=985' target='_blank'>http://www.interval.cz/clanek.asp?id=985</a>
jsem cerpal a zjistil jsem, ze to jde napsat jeste snadneji. Stredni cast jsem dokazal napsat pouze s vyuzitim 4 divu. Take kod umi zobrazovat pozadi pod bloky, coz u vaseho prikladu <a href='http://www.interval.cz/podklady/kucera/3sloupce.htm' target='_blank'>http://www.interval.cz/podklady/kucera/3sloupce.htm</a> nejde. Potreboval jsem jako designer mit pod bloky i pozadi - tecky. Zasilam kod a prani, aby az Vas redakce Intervalu pozada nebo budete chtit, napsal o CSS a layoutech dalsi clanek a pridal tam klidne i tento kod. (testoval jsem to pod NN 6.0, Opera 6+, Mozila 0.93+, IE 5.5+ . )Vim, ze nekteri v diskusy Vam psali, ze pisete stale dokola o stylech a layotech, ale jen piste, je to potreba!!!!! Myslim, ze nejenom mne, ale hodne lidem tim MOC pomahate.
Takze jeste jednou diky moc za vsechno.
S pozdravem
Jindrich Recina
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
font-size: 14px;
background-color: #fff;
}
.hlavicka {
width: 775px;
height: 80px;
background-color: #c6c6c6;
}
.banner {
width: 468px;
height: 60px;
margin-top: 5px;
margin-left:141px;
background-color: #efefef;
}
.hlavni {
background: url(pozadi.gif) repeat-y #fff;
}
.levy-sloupec {
width: 180px;
float: left;
}
.stred {
width: 415px;
float: left;
}
.pravy-sloupec {
margin-left: 595px;
width: 180px;
}
.paticka {
width: 775px;
height: 80px;
background-color: #c6c6c6;
margin-top: 5px;
clear: both;
}
-->
</style>
<div class="hlavicka">Hlavička</div>
<div class="banner">Reklamní banner 468x60</div>
<div class="hlavni">
<div class="levy-sloupec">
Levý sloupec. xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx
</div>
<div class="stred">
Střední sloupec. xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx
</div>
<div class="pravy-sloupec">
Pravý sloupec. xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx xxx x x x xxxx xx x xx
</div>
</div>
<div class="paticka">
Patička.
</div>
Datum vložení: 26.11.2002 14:56:01
Diky za prispevek, opravdu jste me potesil. Rad bych na interval.cz jeste obbcas nejaky clanek napsal, bohuzel - nemam zase tolik casu, jak bych si pral. Ale zkusim se domluvit se sefredaktorem.
Datum vložení: 26.11.2002 15:00:24
JInak jsem zkontroloval vas kod a je opravdu kratsi a perfektne funkcni - az na jednu vec :) Pokud ma uzivatel mensi okno prohlizece, nez je sirka layoutu, cely pravy sloupec se hodi uplne dole.
Pokud budete mit dalsi zajimavy kod, nevahejte a napiste mi, treba do diskuse nebo na niky@continue.cz
s pozdravem
Miroslav Kucera
<a href='http://niky.continue.cz' target='_blank'>http://niky.continue.cz</a> - DIGITALNI WEBLOG
Datum vložení: 26.11.2002 15:25:52
Mate pravdu, staci doplnit stylu tridy hlavni width: 778px; ci-li:
.hlavni {
background: url(pozadi.gif) repeat-y #fff;
width: 778px;
}
a pak uz to bude chodit. Puvodne jsem tam chtel napsat jen width: 775px; ale IE mi hazel pravy blok moc dolu. Nevim, cim to je.... V designu tedy staci zmensit sirku stredniho bloku tak, aby celkova sirka stylu .hlavni byla 775px, aby se vse veslo do rozliseni 800*600.
S pozdravem
Jindrich Recina
Datum vložení: 27.5.2004 20:45:18
Ja chci jen rict, ze obdivuju lidi jako vy, kteri si proste hraji tak dlouho s problemem, az ho vyresi a jeste to reknou ostatnim. Dik, jste mi velkou pomoci.
Datum vložení: 26.4.2006 10:19:32
velice me potesil vas clanek, protoze uz delsi dobu zapasim s jednim problemem a myslela jsem ze se mi ho diky vam podari vyresit. Nepodarilo. I ve vami navrzenem kodu se dostanu ke stejnemu vysledku- mam-li obsah prostredniho sloupce delsi nez jsou sloupce krajni, udela to velmi nehezky efekt, kdy krajni sloupce proste konci driv. V pripade, ze nechci zadavat fixni vysku prostredniho sloupce, tak proste nevim co s tim a byla bych velice vdecna za radu. Pokusy s fixnim levym sloupcem pres celou vysku okna a rolujicim strednim sloupcem se mi take nepodarilo zcela uspokojive vyresit vyse zmineny problem, nebot nastaly problemy jine, nemene obtezujici...
Datum vložení: 26.4.2006 17:45:43
Někdy je prostě třeba se smířit s tím, že danou technologii nelze zneužít tak, jak se o to snažíme a jak si to představujeme - musíme prostě změnit svou představu tak, aby odpovídala reálným možnostem dostupné technologie. Řečeno citátem - kladivem molekulární mikroobvod nespravíte ;-)
Datum vložení: 30.11.2006 18:27:39
Prace s layouty se mi libi ale mam jeden problem. Rad by sem takto vytvořený layout zarovnal na střed stránky (stejne jako to mate vy na intervalu)a do hlavicky dát napevno obrázek. Předem diky za odpověd.
Datum vložení: 30.11.2006 19:12:13
Zkuste layouty z naší Knihovny CSS, možná tam najdete vhodné řešení, viz http://css.interval.cz ;-)
Datum vložení: 4.2.2009 10:55:34
Hezky den, co musim vlozit do scriptu, aby jednotlive casti layoutu na sebe navazovali bez mezery? Dekuji, Eva