Překrývání divů

16. 12. 2011 11:34:23

Zdravím všechny webtržníky.

Mám následující problém.

Mám jedin div, který nemá danou výšku a pod ním druhý. Potřeboval bych, aby ten druhý trochu dole překrýval ten první div, ale byl pod ním. Netuším ale jak na to.

Toto je kód

Děkukuju děkuju (plusuju ;) )

16. 12. 2011 11:34:23

https://webtrh.cz/diskuse/prekryvani-divu#reply707874

Jan Stolařík

(19 hodnocení)

16. 12. 2011 11:41:16

Nestačí todle ?

position: relative;

top: -30px;

16. 12. 2011 11:41:16

https://webtrh.cz/diskuse/prekryvani-divu#reply707873

Martin Schlemmer

(37 hodnocení)

16. 12. 2011 11:47:47

Cobrovo řešení funguje

http://pastehtml.com/view/bhhueqk00.html

(Používejte PasteHTML.com)

16. 12. 2011 11:47:47

https://webtrh.cz/diskuse/prekryvani-divu#reply707872

David Kácha

(39 hodnocení)

16. 12. 2011 12:42:04

Děkuju za rady, ale pořád mám druhý div před tím prvním a já ho potřebuju pod něj.

Martine, nějak mi to nefunguje, ani to tvoje. http://pastehtml.com/view/bhhzmih6w.html

16. 12. 2011 12:42:04

https://webtrh.cz/diskuse/prekryvani-divu#reply707871

Martin Schlemmer

(37 hodnocení)

16. 12. 2011 12:43:54

Z-Index

http://reference.sitepoint.com/css/z-index

16. 12. 2011 12:43:54

https://webtrh.cz/diskuse/prekryvani-divu#reply707870

800XE

(8 hodnocení)

16. 12. 2011 12:49:23

V některých prohlížečích s číslem na začátku id nepochodíš, třeba v Chrome mi to díky tomu ignoruje styly. Přejmenuj ty divy třeba na "a" a "b".

16. 12. 2011 12:49:23

https://webtrh.cz/diskuse/prekryvani-divu#reply707869

FSP

(1 hodnocení)

16. 12. 2011 13:57:54

Napsal 800XE;734057
V některých prohlížečích s číslem na začátku id nepochodíš, třeba v Chrome mi to díky tomu ignoruje styly. Přejmenuj ty divy třeba na "a" a "b".

Dobrá pripomienka.

A inak, ak to má vyzerať takto, tak to potom funguje

16. 12. 2011 13:57:54

https://webtrh.cz/diskuse/prekryvani-divu#reply707868

David Kácha

(39 hodnocení)

16. 12. 2011 21:46:22

Hmm :( http://data4.portik.cz/bzum.htm nefunguje.

16. 12. 2011 21:46:22

https://webtrh.cz/diskuse/prekryvani-divu#reply707867

800XE

(8 hodnocení)

16. 12. 2011 22:11:11

A v čem to zkoušíš? Chrome 15, FF 9, Opera 11.5 funguje. Na IE bych musel do vidlí a to se mi nechce ;-).

A inak, ak to má vyzerať takto, tak to potom funguje

Podle mě to takhle vypadat nemá, spodní div by měl překrývat horní.

16. 12. 2011 22:11:11

https://webtrh.cz/diskuse/prekryvani-divu#reply707866

David Kácha

(39 hodnocení)

16. 12. 2011 22:40:00

Napsal 800XE;734187
A v čem to zkoušíš? Chrome 15, FF 9, Opera 11.5 funguje. Na IE bych musel do vidlí a to se mi nechce ;-).
Podle mě to takhle vypadat nemá, spodní div by měl překrývat horní.

Koukám na to ve Chromu a div A má být na popředí.

16. 12. 2011 22:40:00

https://webtrh.cz/diskuse/prekryvani-divu#reply707865

800XE

(8 hodnocení)

16. 12. 2011 22:44:31

Jo aha, v úplně prvním příspěvku jsem přehlídl ten dodatek "ale byl pod ním". Tak to je jednoduchý, oběma dej position: relative; a divu #a z-index:1;.

16. 12. 2011 22:44:31

https://webtrh.cz/diskuse/prekryvani-divu#reply707864

David Kácha

(39 hodnocení)

16. 12. 2011 23:39:19

Tak to funguje. Děkuju. No je asi na čase změnit učitele na css. On mi totiž povídal, ať na relativní pozicování úplně zapomenu, respektive, ať se ho vůbec neučím.

16. 12. 2011 23:39:19

https://webtrh.cz/diskuse/prekryvani-divu#reply707863

800XE

(8 hodnocení)

17. 12. 2011 00:08:57

No je asi na čase změnit učitele na css. On mi totiž povídal, ať na relativní pozicování úplně zapomenu, respektive, ať se ho vůbec neučím.

Relativní pozicování je jedna ze základních znalostí, bez které se v mnoha situacích neobejdeš. Jestli tvrdí, že se to nemáš ani učit, tak bude opravdu lepší najít někoho dalšího.

17. 12. 2011 00:08:57

https://webtrh.cz/diskuse/prekryvani-divu#reply707862

Ondrej Vertat

(48 hodnocení)

17. 12. 2011 01:56:04

Napsal David Kácha;734204
Tak to funguje. Děkuju. No je asi na čase změnit učitele na css. On mi totiž povídal, ať na relativní pozicování úplně zapomenu, respektive, ať se ho vůbec neučím.

Jestli si to spíš nespletl s absolutním pozicováním. To se často používá neuváženě a způsobuje to víc škody než užitku. A relativní s tím jde ruku v ruce.

17. 12. 2011 01:56:04

https://webtrh.cz/diskuse/prekryvani-divu#reply707861

David Kácha

(39 hodnocení)

20. 12. 2011 16:55:15

Tak děkuju, už mi to běží jak má. Ale v IE se vyskytl problém, jak se zbavit teď dolní "mezery", která vznikla absolutním relativním pozicováním.

http://data5.portik.cz/uni2/

20. 12. 2011 16:55:15

https://webtrh.cz/diskuse/prekryvani-divu#reply707860