[CSS]Problema height

[Syntax]

Ciao ragazzi, sto rifacendo un sito per un mio amico, il problema sorge con explorer, in quanto con mozilla mi si visualizza tutto correttamente.

la pagina è questa qua, i css son già dentro la pagina.

http://www.impact-design.it/gfzone/index.htm

Il problema consiste nel fatto che i div, che contengono come background un immagine che dovrebbe costituire i bordi destro e sinistro degli elementi rettangolari, non mi si allungano in altezza automaticamente, su explorer...

...come risolvere in modo che si visualizzi correttamente anche su explorer e aggirare questo cavolo di problema?

vi faccio subito un esempio, così cerco di farmi capire subito.

<div class="Block">

<div class="Bl_header">[img]images/images/sond_header.jpg[/img]</div>

<div class="Bl_row">
<div class="B1_left"></div>
<div class="Bl_main">a
a
a
a
a
a
a
a
a
a
</div>
<div class="Bl_right"></div>
</div>
<div class="Bl_footer">[img]images/images/bl_03.jpg[/img]</div>
</div>

e il css associato è questo qua

.Block {
margin-top:15px;
float:left;
width:189px;
display:table;
}

.Bl_row {
height:100%;
display:table-row;
}

.Bl_left {
width:16px;
float:left;
background-image:url(images/images/bl_01.jpg);
height:100%;
display:table-row-group;
}

.Bl_main {
float:left;
height:100%
width:162px;
display:table-row-group;
background-color:#3A4340;
}

.Bl_right {
width:11px;
height:100%;
float:left;
background-image:url(images/images/bl_02.jpg);
display:table-row-group;
}

.Bl_footer {
height:17px;
width:189px;
}

i prob sta nei div con associati le classi Bl_left e Bl_right

Grazie mille in anticipo a chi avrà la pazienza di aiutarmi.

Ciao

[span]

così a occhio potrebbe essere che le proprietà che dai a display non sono supportate da ie

[Syntax]

se tolgo i display, poi anche su mozilla nn me li visualizza allungati...

[Jerry Masslo]

confermo

display:table-row-group; non è supportato, a dire il vero non mi risulta che lo sia nemmeno con mozilla, che mozilla hai? perché io con firebird lo vedo lo stesso male.

[Syntax]

io ho firefox, la versione dopo firebird. (0.8)

sennò nn c'è un altro modo per fare la stessa cosa?

[Jerry Masslo]

quello che capisco è che tu vuoi fare un layout stile tabelle senza tabelle, non credo abbia molto senso, si può provare a farlo ma ho idea sia parecchio complicato e non so quanto convenga.

[Syntax]

scusa ma da quel che ho capito io (correggimi se sbaglio, sto provando a usare la formattazione con i CSS solo da un mese, il mio livello è quasi 0), il w3 sconsiglia di usare le tabelle e orienta tutto a usare div+CSS...

[Jerry Masslo]

Originariamente inviato da Syntax
scusa ma da quel che ho capito io (correggimi se sbaglio, sto provando a usare la formattazione con i CSS solo da un mese, il mio livello è quasi 0), il w3 sconsiglia di usare le tabelle e orienta tutto a usare div+CSS...

vero, ma i div non sono tabelle quindi o ragioni in termini di div e usi i div o ragioni in termini di tabelle e allora le usi. qui c'è un 3d dove ti puoi rendere conto delle complicazioni che comporta far fare ai div il lavoro delle colonne

[Syntax]

vero, ma i div non sono tabelle quindi o ragioni in termini di div e usi i div o ragioni in termini di tabelle e allora le usi.

sì ma il layout funziona su mozilla, quindi i div li uso come si deve... mi chiedevo se esisteva un qualche modo per visualizzare il sito come si deve su explorer, e ovviare al fatto che non supporta tutte le proprietà di display.

cmq grassie per il link, mò me lo studio un attimo