[HTML][CSS]jak uzyskać taki efekt bez tabel Opcje

[john_doe]

Witam,

np. na stronie http://webmail.home.pl/webmail widzimy ramki z zaokrąglonymi rogami.
Teraz home to zmieniło ale poprzednio identiko efekt zrobili na tabelach.
Poproszę o jakieś wskazówki jak teraz robi się takie rzeczy ?

pozdro

[Poker]

Ja osobiście robię to tak: top + treść + stopka

top i stopka width i height stałe

w treści powtarzam tło osią-y


i mam prostą budowe

Kod

<div class="top"></div>
<div class="tresc"></div>
<div class="stopka"></div>

[Kildyt]

Ja osobiście robię to tak: top + treść + stopka

top i stopka width i height stałe

w treści powtarzam tło osią-y
i mam prostą budowe

Kod

<div class="top"></div>
<div class="tresc"></div>
<div class="stopka"></div>

Puste div-y nie są zbyt ładne.
Devnul (wielki szacun (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) kiedyś podesłał mi ciekawe rozwiązanie problemu. Wystarczy wszystkie div-y ułożyć w postaci drzewa, czyli najpierw lewy-górny, później (w nim) prawy-górny, później lewy-dolny, później prawy-dolny i na końcu treść. Później w css wystarczy tylko poustawiać marginesy i właściwości dla tła. Wszystko wychodzi na prawdę dobrze. Wiem bo tak pociąłem mój ostatni design.

Kolejna możliwość to :before i :after, ale nie próbowałem tego w praktyce, no i kochane IE nie obsługuje tego.

Ostatnio zacząłem używać border-radius. Może źle robię, bo to jeszcze nie jest standard i w IE nie działa, ale kiedyś musi wejść ta bardzo pożyteczna rzecz (chyba wszystkie najpopularniejsze przeglądarki już to obsługują, tylko nie IE i Opera).