Překrytí dvou divů

24. 7. 2015 23:04:58

Zdravím, potřeboval bych poradit: mám web, kde mám 2 elementy, které by se měly překrývat, ale žádnou mně známou metodou toho nemohu dosáhnout. Takto by to mělo ve výsledku vypadat: http://prntscr.com/7wlwob. A tady je URL webu: http://jirisolc.wz.cz/Web/.

Díky za všechny rady a připomínky. :)

24. 7. 2015 23:04:58

https://webtrh.cz/diskuse/prekryti-dvou-divu#reply1129035

Dominik Nguyen

(36 hodnocení)

24. 7. 2015 23:10:46

Celej ten div posunout pomocí "position: relative;". A potom "top: -Ypx;"(za Y doplnit kolik pixelů je třeba)

Potom tam máte ješte "overflow: hidden" na #content, takže to je třeba dát na visible nebo odstranit, protože jinak se ta přečnívající část nezobrazí

24. 7. 2015 23:10:46

https://webtrh.cz/diskuse/prekryti-dvou-divu#reply1129034

Fido123

(13 hodnocení)

24. 7. 2015 23:28:26

A ten overflow musíš přepsat nebo odstranit i ze .section a .container.

---------- Příspěvek doplněn 24.07.2015 v 23:57 ----------

Akorát teď se ještě dívám, že bys měl možná na ten element .ShortForm použít position: absolute, místo relative. Když totiž použiješ relative, tak ti ten bíly div s formulářem bude protahovat ten bleděmodrý div a tím pádem ti ten bílý nikdy nebude vyčnívat shora i zdola tak, jako na té předloze.

24. 7. 2015 23:28:26

https://webtrh.cz/diskuse/prekryti-dvou-divu#reply1129033

Pro odpověď se přihlašte.

Přihlásit