[CSS][HTML] tabelka rozciągająca diva w IE Opcje

[dawidoff86]

witam! mam problem z działaniem strony pod przeglądarką IE, a mianowicie tabelka umieszczona wewnątrz diva rozciąga go w szerz, a po za tym wyświetlana jest na samym dole diva. efekt jaki chce osiągnąć, i otrzymuje go w firefoxie, wygląda następująco:
(IMG:http://img337.imageshack.us/img337/2483/33169284.jpg)
natomiast w IE rozjeżdża się to tak:
(IMG:http://img535.imageshack.us/img535/7646/40278479.jpg)

mój kod css wygląda następująco:
div przechowujący zawartość:

[CSS] pobierz, plaintext 
#region_srodkowy
{
    /* lewy margines = szerokosc lewego menu + jego margines*/
    margin-left: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 2px solid #c3dbc4;
    background-color: #fff;
    padding: 5px;
}
[CSS] pobierz, plaintext 

oraz tabela

[CSS] pobierz, plaintext 
table.head
{
    width: 100%;
    border: 2px solid fuchsia;
    text-align: left;
    margin: 0 auto;
    padding: 0px;
}
 
td.grupa2{
	border: 2px solid blue;
        width: 100%;
        height: 26px;
	text-align: left;
	font-size: 12px;
	color: white;
	font-family: tahoma;
	font-style: normal;
	font-weight: bold;
	background-image: url(grafika/tlo-nieb.gif);
	background-repeat: repeat;
	padding-left: 5px;
}
[CSS] pobierz, plaintext 

Ten post edytował dawidoff86 1.04.2010, 11:24:38

[mortus]

Przydałby się do tego jakiś HTML, bo tak to możemy myśleć i myśleć, a nic nie wymyślimy. Jedyne co mnie w Twoim css-ie zastanawia, to width: 100%; dla table.thead i td.grupa2. Zapis width: 100%; oznacza "niech element ma szerokość równą szerokości elementu nadrzędnego, który również ma ustawioną szerokość", jeżeli zatem żaden element nadrzędny nie ma ustanowionej szerokości, to wtedy bierze się szerokość strony.