IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: skrytí divu při překrývání jiným

Aktivity
Avatar
*smoky*
Člen
Avatar
*smoky*:26.4.2015 16:33

Zdravím, mám tři divy vedle sebe. První nalevo o šířce 200px, druhý o minimální šířce 500px a šířce 100%-400px a třetí o šířce 200px napravo, při zmenšení okna se stránkou pod 700px mi třetí div zasahuje do druhého, ovšem já bych chtěl, aby druhý zasahoval do třetího, lze toto nějak vyřešit?
A lze pomocí CSS3 zařídit, aby se při přetékání druhého divu přes třetí obsah třetího divu skryl a šlo vidět pouze jeho pozadí a nebo je nutné k tomuto použít už javascript?
ukázka kódu
<spoiler>

 body {margin:0;padding:0;}
 body, :root {width:100%;height:100%;}
.hlavni {min-height:100%;min-weight:100%}
.jedna {height:100px;width:200px;position:absolute;left:0;}
.dva {height:500px;min-width:500px;width:calc(100% - 400px);position:absolute;left:200px}
.tri {height:100px;width:200px;position:absolute;right:0}
</style>
  </head>
  <body>
  <div class="hlavni">
<div class="jedna"></div>
<div class="dva"></div>
<div class="tri"></div>
</div>
  </body>

Děkuji za odpovědi na můj nejspíše špatně srozumitelný dotaz

Odpovědět
26.4.2015 16:33
Pít, žít, umřít.
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na *smoky*
Tonda Kozák:26.4.2015 17:49

Moc jsem nepochopil, co chceš dělat.
Pokud chceš dát nějaký prvek nad jiný, nastav mu z-index,
pokud chceš, aby se od určité šířky okna vymazal obsah nějakého prvku, vlož do něho absolutně napozicovaný element, který bude stejně velký, normálně bude mít display none, pokud se okno zmenší, tak přes @media nastav display block.
http://kod.djpw.cz/ltmb

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
26.4.2015 17:49
Avatar
*smoky*
Člen
Avatar
Odpovídá na Tonda Kozák
*smoky*:27.4.2015 12:39

Ufff, ten z-index mne mohl napadnout... Mockrát děkuji a obdivuji tvou ochotu dodat i ukázku kódu

Nahoru Odpovědět
27.4.2015 12:39
Pít, žít, umřít.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.