html/css > problém s patičkou > prosím

30. 3. 2011 23:01:19

Zdravím,

předem prosím o pochopení :-)

Chtěl jsem si zkusit nakódovat jednoduchý design. Nejsem profík, asi kód neni zrovna 2x kvalitka, ale tak je to první pokus bez jakéhokoliv editoru.

Když přeskočím menu, na které si prostě musím přečíst návod, tak mi nejde udělat patička. A netuším jak s ní pohnout. Většinou skáče někam nahoru.

Web http://ad.portik.cz/admin.html design http://ad.portik.cz/img/administrace.png.

V mozille je jako v jediném prohlížeči dole, ale i tam vlastně nevim, jak pak část překrýt tím divem obsahu.

Kdyby mi někdo poradil, bude velice vděčný.

Děkuji

30. 3. 2011 23:01:19

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623752

nline

(1 hodnocení)

30. 3. 2011 23:13:11

Tipoval bych to na to, že

je vyjmut z toku dokumentu absolutním pozicováním

30. 3. 2011 23:13:11

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623751

David Kácha

(39 hodnocení)

30. 3. 2011 23:31:27

Napsal nline;641398
Tipoval bych to na to, že
je vyjmut z toku dokumentu absolutním pozicováním

Skutečně když dám div "kontejner" pryč, tak je to dole. Ale já to přece vkládám již za uzavřený div kontejner, pak tedy nechápu, jak to má na něj vliv. A taky proto tam mám .clear{ clear:both;}

30. 3. 2011 23:31:27

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623750

nline

(1 hodnocení)

30. 3. 2011 23:38:00

To je sice pravda - nicméně pokud má

nastavenou absolutní pozici je zařazen na novou "vykreslovací vrstvu" prohlížeče. Clearovací div je pak zařazen o "vrstvu" pod ním a nemá se tak jak o něj opřít.

30. 3. 2011 23:38:00

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623749

Petr Freiberg

(2 hodnocení)

30. 3. 2011 23:43:44

Jde o to, že máš nadřazený div pozicován absolutně, tj. že je jakoby v jiné vrstvě, nemá vliv na ostatní prvky a ostatní prvky nemají vliv na něj.

Pěkně to skládej jako "pyramidu", zruš absolute jak u menu, tak u kontejneru. Hlavičku přesuň nahoru (když je to hlavička, logicky musí být nad tím kontejnerem) a taky ji zruš absolute. Nejlepší bude, když na absolutní pozicování zapomeneš.

Obal dej nad všechno, to je účel wrapu, aby obalil vše, ne jen tělo webu. Když už toho budeš, přepiš to všechno z class na ID (tím myslím tyto základní prvky vykreslující web).

No...nejlepší bude, když to smažeš celé a napíšeš to celé znova. Hlavně logicky -> prvně wrap (obal), do něj zabalíš hlavičku, pod ni pěkně kontejner (v něm ty další divy - texty, nebo co to tam přesně máš), nakonec patičku a pěkně zakončení wrapu.

30. 3. 2011 23:43:44

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623748

David Kácha

(39 hodnocení)

30. 3. 2011 23:48:30

No já bych začal obalem, kdybych tam neměl ale patičku a hlavičku na 100%. Tam totiž pak nevim, jak je dostat z toho obalu, jsou přece širší, ale když tam dám 100%, tak se roztáhnou jen na ten obal.

30. 3. 2011 23:48:30

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623747

Pavel Janků

(26 hodnocení)

31. 3. 2011 06:02:31

No zkus se mrknout třeba na CFK.cz - teď mám rozdělané nové UI a tam mi to neskáče. Je to dáno tím, že mám nejdřív 3 hl. části, v každé z nich je container, co nese obsah tak, aby byl ve středu a omezen na určitou šířku a v tom už mám jednotlivé části ;)

31. 3. 2011 06:02:31

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623746

David Kácha

(39 hodnocení)

31. 3. 2011 10:05:43

Prostě když všechno vložím do kontejnerů, nevim jak pak zase docílit, aby nějaký div div uvnitř měl 100% šířku na celou obrazovku a mé jen na šířku kontejneru.

31. 3. 2011 10:05:43

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623745

Patrik Štefko

(33 hodnocení)

31. 3. 2011 13:58:47

Ja by som na tvojom mieste vyskusal toto http://www.martinus.sk/?uItem=35744 :)

Pripadne ak chces mam nejake starsie knihy aj v elektronickej podobe, na zaklady uplne postacujuce, napis do PM

31. 3. 2011 13:58:47

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623744

David Kácha

(39 hodnocení)

31. 3. 2011 14:04:42

Napsal pa3ick;641538
Ja by som na tvojom mieste vyskusal toto http://www.martinus.sk/?uItem=35744 :)
Pripadne ak chces mam nejake starsie knihy aj v elektronickej podobe, na zaklady uplne postacujuce, napis do PM

To mám doma :-)

31. 3. 2011 14:04:42

https://webtrh.cz/diskuse/html-css-problem-s-patickou-prosim#reply623743

Pro odpověď se přihlašte.

Přihlásit