Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: divy "dziwy"
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Dominik137
Witam, mam taki problem z którym się męczę od kilku dni (nie znalazłem rozwiązania na forum). Mianowicie muszę zakodować grafikę pod newsy, wygląda ona schematycznie mniej więcej tak
http://zapisz.net/images/429_divy.png, potrzebuję aby grafika(tło) z div 5 i 6 powielała się w dół w zależności od tekstu (wielkości) div 3. Z kolei div 2 i div 4 pozostały na samej górze i przylegały do div 1 i div 3...Mam nadzieje, że chodź jest to zagmatwane, wyjaśniłem zrozumiale. O ile ułożenie div 1, 3 i 7 jest dosyć intuicyjne, nawet 2 i 4, to stosując opływanie lub ustawiając divy jako elementy liniowe nie wychodzi mi to, rozwiązaniem mogło by być używanie tabel, ale czy tak się powinno zrobić?
Pozdrawiam i dziękuje za pomoc :-)
sowiq
http://jsfiddle.net/SGQcs/
Dominik137
dzięki sowiq, ale problem z tym rozwiązaniem jest taki, że div 4 i 5 nie rozciągają się w raz z div trzymającym tekst, w div 4 i 5 potrzebuje mieć tło, które połączy się z elementem dolnym, są jeszcze jakieś pomysły?
sowiq
Zła informacja jest taka, że zrobisz to tylko:
1. Przy użyciu JS, co nie jest najlepszym pomysłem
2. Przy użyciu tabelki, co jest bardzo złym pomysłem
3. "Oszukując" przy użyciu elementów nadrzędnych i tła w CSS:
  1. <div id="container">
  2. <div id="a">
  3. <div id="b">
  4. <div id="c1">Strona lewa</div>
  5. <div id="c2">Tekst</div>
  6. <div id="c3">Strona prawa</div>
  7. </div>
  8. </div>
  9. </div>

Przy takiej konstrukcji ustawiasz tła jak poniżej:
#container - jakieś wspólne
#a - tło obrazkowe o szerokości kolumny #c1 z repeat-y, wyrównane do lewej
#b - tło obrazkowe o szerokości kolumny #c2 z repeat-y, wyrównane do prawej
#c2 - cokolwiek
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.