Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Overflow: hidden - problem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
maciejkiner
Witam

Mam nastepujacy kod:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.  
  5. <div style="width: 300px; height: 100px; border: 1px solid black; position: relative; overflow: hidden">
  6. warstwa kontenera
  7. <div style="width: 100px; height: 100px; border: 1px solid black; position: absolute; top: 50px; left: 100px; background: yellow">
  8. warstwa na wierzchu
  9. </div>
  10.  
  11. </div>
  12.  
  13. </body>
  14. </html>


Przyklad: http://oneclick.pl/warstwy/

Ogolny zamysl taki, ze jest kontener (position: relative; overflow: hidden) i w nim wyswietlam diva (hinta lub cos takiego), co moze wyjsc poza obszar tego kontenera. Niestety jest przycinane do dolnej krawedzi. Zadne zindex nic nie daja. Jest jakis sposob, zeby jednak zawartosc tego diva zostala wypuszczona z kontenera?

pzdr
maciejkiner
witko2006
overflow: visible ?
maciejkiner
Witam

Tego co jest w kontenerze nie moge za bardzo ruszyc (moge conajwyzej rozszerzyc, przez dodanie nowych wlasnosci). Czyli position i overflow powinno zostac bez zmian.

pzdr
maciejkiner
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.