Avatar
*smoky*
Člen
Avatar
*smoky*:

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:

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í
+1 bodů
Řešení problému
 
Nahoru Odpovědět 26.4.2015 17:49
Avatar
*smoky*
Člen
Avatar
Odpovídá na Tonda Kozák
*smoky*:

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  +1 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.