divy "dziwy", ułożenie kilku div wewnątrz siebie Opcje

[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 :-)

Ten post edytował Dominik137 6.11.2012, 15:37:53

[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:

[HTML] pobierz, plaintext 
<div id="container">
    <div id="a">
        <div id="b">
            <div id="c1">Strona lewa</div>
            <div id="c2">Tekst</div>
            <div id="c3">Strona prawa</div>
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

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

Ten post edytował sowiq 7.11.2012, 11:44:26