+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Css, overflow - dzwiny problem. (/thread-css-overflow-dzwiny-problem)
Css, overflow - dzwiny problem. - Lk_hc - 21-02-2011
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ć?
RE: Css, overflow - dzwiny problem. - Kartofelek - 21-02-2011
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
RE: Css, overflow - dzwiny problem. - Kartofelek - 21-02-2011
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
RE: Css, overflow - dzwiny problem. - Lk_hc - 21-02-2011
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
RE: Css, overflow - dzwiny problem. - Kartofelek - 21-02-2011
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
2) moje rozwiązanie:
Zadziała
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