CSS POMOCY !, Zaczynam sie zastanawiac dlaczego ludzie nie lubia tabel Opcje

[clansman5]

Witajcie

Po 5 godzinach walki z CSS oraz proba rozwiazania banalnego przykladowego problemu stracilem cierpliwosc.
Najlepsze jest to, ze nawet gotowe szablony pobierane chociazby stad: CSS Layouts NIE DZIAŁAJĄ.

Moj problem jest nastepujacy:
Chce uzyskac taki uklad:
(IMG:http://s19113.ps.pl/d.jpg)
Z tym że, div2 ma miec pewien min-height natomiast ma sie rozciagac w doł jezeli bedzie w nim np. za duzo tekstu.

Wyniki moich prob sa nastepujace:
1. Gdy pod IE wszystko dziala, to w firefoxie div2 ma wysokosc ustawiona w height natomiast tekst wychodzi poza diva i ciagnie sie poza strona poprzez div3.

2. Gdy zapodam min-height dla div2 wtedy w firefoxie nastepuje przerwa pomiedzy div1 a div2 oraz div2 a div3
ktorej nie sposob zniwelowac za pomoca padding albo margin.

POMOCY

[e_kangu]

Odświeżam temat, ale nie chciałem zaczynać nowego.
Ostatnio, w końcu chciałem się przerzucić z tabelek na divy, niby wszystko jest ok, ale problem pojawia się kiedy poszczególne divy mają się "rozciągać"

Widzę, że macie doświadczenie przy takich szablonach, dlatego mam prośbę żeby ktoś napisał jak tabelka:

[HTML] pobierz, plaintext 
<table class="ramka"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="ra_lg_rog"></td>
    <td class="ra_sg"></td>
    <td class="ra_pg_rog"></td>
  </tr>
  <tr>
    <td class="lb"></td>
    <td class="ra_tresc"> asdasdasd</td>
    <td class="ra_pb"></td>
  </tr>
  <tr>
    <td class="ra_ld_rog"></td>
    <td class="ra_ds"></td>
    <td class="ra_pd_rog"></td>
  </tr>
</table>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.ramka {
	text-align: left;
	vertical-align: top;
}
.ramka .ra_lg_rog {
	background-image: url(grafiki/ramki/lg_rog.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
}
.ramka .ra_pg_rog {
	background-image: url(grafiki/ramki/pg_rog.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
}
.ramka .lb {
	background-image: url(grafiki/ramki/lb.gif);
	background-repeat: repeat-y;
	width: 5px;
}
.ramka .linia {
	clear: both;
	float: none;
}
 
.ramka .ra_tresc {
	background-color: #B2C4D2;
}
 
 
 
.ramka .ra_sg {
	background-image: url(grafiki/ramki/sg.gif);
	background-repeat: repeat-x;
	height: 5px;
}
.ramka .ra_pb {
	background-image: url(grafiki/ramki/pb.gif);
	background-repeat: repeat-y;
	width: 5px;
}
.ramka .ra_ld_rog {
	background-image: url(grafiki/ramki/ld_rog.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
}
.ramka .ra_ds {
	background-image: url(grafiki/ramki/sd.gif);
	background-repeat: repeat-x;
	height: 5px;
}
.ramka .ra_pd_rog {
	background-image: url(grafiki/ramki/pd_rog.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
}
[HTML] pobierz, plaintext 

będzie wyglądać na divach

pewnie jest to dla was prosta rzecz, a najlepiej to zrozumiem jak zobaczę jak powinno wyglądać

jeżeli podaje wszystkie rozmiary divów wszystko jest ok, ale kiedy szerokość i wysokość ma się dostosowywać, lub tylko wysokość nie wygląda to tak jak powinno