Ilość DIVów - kwestia tła

[nutellson]

Witajcie,

Mam taki problem i nie bardzo wiem jak najkorzystniej sobie z nim poradzić. Wrzucam zdjęcie dwóch boxów:

https://www.voila.pl/078/fye1v/index.php?get=1&f=1

Zastanawiałem się jak to pociąć i jeśli chodzi o box 'o mnie' to wrzuciłem to jako tło diva, z racji zaokrąglonych boków, cieni i takich paseczków na górze jak i dole. De facto treść w tym boxie będzie nie większa niż jest teraz więc nie przewiduję jakiegokolwiek rozciągnięcia.

Problem pojawia się z drugim boksem 'co oferuję'. Jest w nim jakaś tabelka, z racji iż będzie on rozciągany, nie mogę wyciąć całego tła i wrzucić tego jako background-image, więc tak sobie pomyślałem, żeby to może w 3 divach osadzić. Mianowicie jeden główny div, a w nim:

1div - w nim nagłówek tego tła z napisem

2div - i tutaj po prostu kolor tła bez żadnych elementów graficznych (tutaj docelowo byłaby ta tabelka)

3div - z grafiką dolną

Nie mam pojęcia jak się do tego zabrać, jak zrobić żeby było idealnie pocięte. Macie jakieś propozycje ?

[arve_lek]

Box "co oferuję ma się rozciągać ? Czy ma ustaloną wysokość ?

Edot. Dopiero teraz doczytałem

[nutellson]

Będzie się rozciągał i zwężał - zależy to od tego, ile Klient wrzuci tam produktów.

[arve_lek]

Tak sobie myślałem, myślałem i nie przyszło mi lepsze rozwiązanie do głowy niż te które zawarłeś w pierwszym poście.

[joketown]

Rozumiem, że kolor tła (pomijając gradienty) jest taki sam w poziomie? No to powinno być coś takiego

<div style="background:#kolor tła url(ściezka do górnego gradiendu) no-repeat left top">

<div style="background:url(ściezka do dolnego gradiendu) no-repeat left bottom">zawartość</div>

</div>

[nutellson]

I generalnie tutaj:

<div style="background:url(ściezka do dolnego gradiendu) no-repeat left bottom">zawartość</div>

mogę wrzucić tabelkę ?

[joketown]

Możesz wrzucić zdjęcie teściowej, pytanie po co . Zrób to na bazie listy (ul, li + css) bo to co masz w tym oknie to przecież jest lista.

[nutellson]

Dzięki wielkie - będę próbował działać