Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 17 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok NapísalOffline : 20.11.2009 11:57

Zdravým!
Pozerám na http://www.pixy.cz/blogg/clanky/css-3col-layout/ už zo pol hodiny a nejako neviem pochopiť, ako zabezpečuje tým bočným stĺpcom rovnakú výšku. Žiadne height, tam nevidím. Čakal by som height:100%, ale nikde nič.
Mohol by mi to niekto prosím vás vysvetliť? :loony:
Vďaka!


Offline

Skúsený užívateľ
Skúsený užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 29.10.07
Prihlásený: 27.10.23
Príspevky: 1395
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 20.11.2009 12:30

Je to len taky "trik" :)
VYska laveho a praveho stlpca v skutocnosti nie je rovnaka. To co je rovnake je vyska farebneho pasika. A ten nie je vykreslovany v lavom a pravom stlpci, ale v divoch s idckami main1 a main2.

V tychto divoch je zabaleny cely obsah troch stlpcov (maju teda vysku toho najvyssieho) a maju nastavene opakovanie obrazku pozadia v y-ovej osy.







_________________
PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME
Mobil: Xiaomi POCO F2 PRO
Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok Napísal autor témyOffline : 20.11.2009 12:50

no a prečo to riešil takto?
Prečo tým stĺpcom jednoducho nenastavil height:100%?
Je v tom nejký zádrhel? :shock:


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81
Príspevok NapísalOffline : 20.11.2009 13:22

pretoze nevie aky dlhy bude obsah a takto je to univerzalne?


Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37
Bydlisko: Trnava
Príspevok NapísalOffline : 20.11.2009 13:39

jj presne tak, 100% je okna nie obsahu .. vysku nenastavujes prvkom (ak ta stranka nema pevnu vysku) ..







_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok Napísal autor témyOffline : 20.11.2009 17:08

Hotovo, zakopať a zabetónovať!
Tak som to skúsil a vyšlo mi: http://camo.tym.sk/fora/experiment.html.
Čakal by som, že výšku bočných stĺpcov bude počítať od výšky nadradeného elementu, pričom tú vypočíta, keď mu dorazí obsah. A nie počítať s výškou okna.
Nechápem, čo je na tom nelogické?
Dá sa o tom niekde dočítať?
Môže mi dať niekto linku na to?


Offline

Skúsený užívateľ
Skúsený užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 29.10.07
Prihlásený: 27.10.23
Príspevky: 1395
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 20.11.2009 18:30

Neviem co riesis :) Existuje X overenych sposobov ako to riesit layouty. copy + paste a mas to.
Chces vymyslat vlastne riesenie? Tak experimentuj. Sposob vykreslovania obsahu v prehliadacoch je dany a nikto ho nezmeni len preto ze sa to tebe zda logicke (ani keby si mal pravdu)







_________________
PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME
Mobil: Xiaomi POCO F2 PRO
Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok Napísal autor témyOffline : 20.11.2009 18:58

Už som to pochopil, že sa to nezmení, ani keby som mal pravdu, ale potrebujem tie veci pochopiť, teda copy+past mi nevyhovuje. :(


Offline

Skúsený užívateľ
Skúsený užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 29.10.07
Prihlásený: 27.10.23
Príspevky: 1395
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 21.11.2009 12:25

V tom pripade odporucam do firefoxu nainstalovat web developer toolbar (pripadne ine podobne nastroje).
Umozni ti to jednoducho experimentovat a rychlo sledovat efekt vykonanych zmien. Zvyraznovanie elementov pod kurzorom je tiez velmi uzitocne ak chces vidiet rozmery a pozicie bez pracneho zadavania borderov







_________________
PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME
Mobil: Xiaomi POCO F2 PRO
Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 21.11.2009 12:49

Dobrý je aj FireBUG


Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok Napísal autor témyOffline : 21.11.2009 17:34

Ok, to je dobrý nápad, to ešte nemám. Len predpokladám, že každý prehliadač má vlastný program na to určený. Teda, že neexistuje niečo univerzálne v tomto zmysle.


Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 21.11.2009 18:08

Nie, má to firefox(v podobe FireBUGu) a IE8(po stlačení F12) Opera má pokus na to, ktorý ale nefungoval, u ostatných o tom neviem ale zatiaľ som to nepotreboval.


Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37
Bydlisko: Trnava
Príspevok NapísalOffline : 21.11.2009 18:38

Flety preco trepes??? Dragon Fly funguje ako ma ..







_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 21.11.2009 18:58

Možno nehovoríme o tom istom, neviem ako sa volalo to čo som mal ja ale nešlo to vôbec ale myslím, že to nemalo ani nijaký konkrétny názov.

//EDIT: Nebolo to Dragon Fly. Bolo to niečo úplne iné. Nainštaloval som to do opery. Neinštalovalo sa to ako samostatný prehliadač.


Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok Napísal autor témyOffline : 21.11.2009 19:38

Takže to mám:
FireBug - FF
IE 8 - f12
Dragon Fly - Opera

Čo sa dá ešte doplniť?


Offline

Čestný člen
Čestný člen
Pixiho trojstĺpcový layout

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 21.11.2009 19:50

Naco to vsetko doplnas? Budes to realne vyuzivat? Hod si do Firefoxu Firebug + Web Developer Toolbar a si vybaveny.


Offline

Užívateľ
Užívateľ
Pixiho trojstĺpcový layout

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok Napísal autor témyOffline : 21.11.2009 20:35

Ale to mi nezobrazí IE 6,7,8.
Ja to potrebujem vidieť.

No a akurát som nainštaloval IETester a neviem ako pridať záložku. Neviete ako, nech to nemusím študovať v Aj.
Toto mám pred sebou:
http://camo.tym.sk/fora/IETester.jpg


Odpovedať na tému [ Príspevkov: 17 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Layout...

v HTML, XHTML, XML, CSS

5

707

07.11.2009 12:35

camo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Brainhacking layout

v Webdesign

12

758

08.04.2008 19:13

pepek92 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Layout stranky

v HTML, XHTML, XML, CSS

11

1865

30.12.2007 23:23

erkakbe Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. myspace layout

v HTML, XHTML, XML, CSS

4

643

01.12.2009 10:12

HUBO Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. overflow layout

v HTML, XHTML, XML, CSS

2

605

11.03.2009 11:34

mienkofax Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. css layout

v HTML, XHTML, XML, CSS

6

935

15.11.2008 23:10

Gyrxiur Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Toshiba layout

v Notebooky a netbooky

4

659

13.09.2008 0:25

fuco Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Jednoduchý layout

v HTML, XHTML, XML, CSS

5

625

17.09.2012 9:32

iNviNho Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. rozhádzaný layout

v HTML, XHTML, XML, CSS

3

492

26.02.2010 17:17

camo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. aky Layout?

v HTML, XHTML, XML, CSS

13

1164

02.12.2006 17:37

javo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Google Layout kóty

v Grafické programy

0

665

09.06.2008 15:10

Blackshadow Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. e-shop layout

v Webdesign

22

1125

16.03.2008 21:48

jablko05 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. css layout pomoc

v HTML, XHTML, XML, CSS

5

618

27.08.2008 12:55

wotan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Razer Arctosa SK Layout

v Ostatné

0

335

02.09.2011 16:06

tomas019 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. chybny layout vo firefoxe

v HTML, XHTML, XML, CSS

6

652

26.06.2008 8:28

itsgoingd Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. table layout vs. css

v Webdesign

14

1110

14.01.2007 16:38

audiotrack Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra