Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Css, overflow - dzwiny problem.
#1
Otóż są daw divy:
-----------------------------------------------------------
| ten div ma mieć stałą height |
| a jeśli treść w nim zawarta |
| przestaje się mieścić to |
| div pod nim ma zacząć się |
| powiększać (auto-height) |
--------------------- -------------------------
| ten div ma mieć auto-height |
| żeby pochłaniać nadmiarową treść z |
| górnego |
| |
-----------------------------------------------------------

Główny problem polega na tym, że divy nie mogą na siebie nachodzić (kwestie związane z przezroczystością nieprostokątnych teł. Co z tym zrobić?
Odpowiedz
#2
Co do 2 części - "nieprostokątnych teł" - częstym wybawieniem jest stosowanie paddingów i pozycjonowania absolutnego lub prawidłowo - CSS3.
Co do 1 części - To jest nie logiczne, inaczej to potnij Smile
Odpowiedz
#3
Ah odpowiedź na twój problem:

<div>
<span></span>
<p>
tekst
</p>
</div>

div ma pos:relative; i sie rozciaga (overflow:hidden
span ma position:absolute; top i left 0
p ma position:relative
Odpowiedz
#4
Dzięki za dobre chęci i za poświęcanie swojego czasu na odpowiedź, ale najpierw napisałeś że to jest nie logiczne i się tego nie da zrobić a potem napisałeś rozwiązanie, które na 100% nie będzie dobre :-) Ale to pewnie moja wina bo mi trochę ciężko ująć istotę problemu... Może jak go rozwiąże to zamieszczę kod i ten przemówi jednoznacznie ;-)

Pozdrawiam
Odpowiedz
#5
1) twoje rozwiązanie nie jest logiczne bo:
overflow:hidden - ukrywa treść. Dlatego dla górnego ani dolnego dać nie możesz = nie rozciąga tła.
height: - sztywne, ale nie rozciągnie nadrzędnego - logiczne prawda?
min-height - nie da rady
height:auto - powodzenia Smile

2) moje rozwiązanie:
Zadziała Smile
Span - to twój wewnętrzny div. Jest pozycjonowany absolutnie, więc nie zmienia swojej wysokości. P - tekst który rozciąga twój nadrzędny div. Jako że znajduje się właśnie w nim, więc bez problemu go rozciąga. Pozycjonowany span jest pod tekstem, który by zadziałało samoczynnie z-index ma position:relative.
Wyobrazisz to sobie to zobaczysz że zadziała Smile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  overflow-x i overlow-y kapka 0 2,951 11-05-2017, 02:25
Ostatni post: kapka
  OVERFLOW chyba... zubol 4 3,788 04-08-2009, 22:46
Ostatni post: zubol
  Problem z ładowaniem do okienka overflow pod Internet Explorer sylwekb 1 2,406 06-01-2009, 19:08
Ostatni post: sylwekb

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl