[Joomla] Nel css non viene preso l'attributo min-height

[simone.marchese]

Ciao a tutti,
Sto lavorando per la prima volta con il CMS joomla e nella modifica del foglio di stile e nel Html ho riscontrato il seguente problema...
Devo impostare un'immagine di sfondo a una cella e l'immagine dovrà ripetersi sino alla fine della tabella...
Questo al momento non accade a causa del foglio di stile che non mi prende in considerazione il tag min-height.

Posto un pò di codice per darvi un'idea del codice che sto elaborando...

  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                 <tr>
                     <td colspan="3" class="path"></td>
                 </tr>
                 <tr>
                    <td class="nopad"></td>
                    <td bgcolor="#FFFFFF" valign="top">
                         <jdoc:include type="modules" name="breadcrumb" /><jdoc:include type="message" />

                         <jdoc:include type="component" /></td>
                    <td valign="top">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" >
                    <tr>
                    <td class="Profilo" height="277" width="30"></td>
                    </tr>
                    <tr>
                    <td class="notepad" width="30" valign="top"></td>
                    </tr>
                    </table>
                    </td>
                 </tr>
                 <tr>
                    <td valign="top" class="nopadNottom"></td>
                    <td bgcolor="#FFFFFF"></td>
                    <td class="notepadBottom" valign="top"></td>
                 </tr>
                 <tr>
                     <td colspan="3" class="BottomSidebar"></td>
                 </tr>
                 </table> 

In questo momento il problema viene dato dalla classe notepad e nopad
Con il seguente foglio di stile

td.path{
        
    padding: 0 0 0 15px;
        background: #FFFFFF url(../images/path.png) top left no-repeat;
        height: 38px;
        width: 508px;       
}
td.BottomSidebar{
  background:  #FFFFFF url(../images/bottomSidebar.png) top no-repeat;
  height: 46px;
}
td.nopad {
        width: 27px; 
        background:  url(../images/notepad.png) top left repeat-y;
        min-height: 109px;
        
}
td.nopadNottom
{
        width: 27px; 
        background:  url(../images/notepad.png) top left repeat-y;
        height: 20px;
       
}
td.notepad
{
        width: 30px;
        background-color: #E5E5E5;  
        background-image: url(../images/notepadrx.png);
        background-position: top;
        background-repeat: repeat-y;
        height: auto !important;
        min-height: 400px;
        
}
td.notepadBottom
{
        width: 30px;
        background-color: #E5E5E5;  
        background-image: url("../images/notepadrx.png");
        background-position: top;
        background-repeat: repeat-y;
        height: 20px;
}
div.bottomcolumn{
        float:left;
    padding:0 0 0 15px;
        width: 507px;
        background: #E5E5E5 url(../images/bottom-empty.png) top left no-repeat;
        height: 44px;
}
td.Profilo{
        width: 30px; 
        background:  #FFFFFF url(../images/Profilo.png) top no-repeat;
        min-height: 309px;
} 

Ora il problema sta nel css, praticamente non viene riconosciuto il tag min-height mentre se io lascio solo height con un valore assegnato in px l'immagine assume quel valore...
Cosa posso fare per far si che l'immagine di sfondo venga ripetuta per tutta la cella della tabella e che assuma una l'unghezza variabile sino ad arrivare alla fine della cella?

Se non avete capito bene il problema cercherò di riscriverlo...

Grazie in anticipo a chi mi aiuterà...

[zedr]

Su che browser succede? Magari proprio su IE...

In tal caso, prova con:

td.path{
        
    padding: 0 0 0 15px;
        background: #FFFFFF url(../images/path.png) top left no-repeat;
        height: 38px;
        width: 508px;       
}
td.BottomSidebar{
  background:  #FFFFFF url(../images/bottomSidebar.png) top no-repeat;
  height: 46px;
}
td.nopad {
        width: 27px;
        background:  url(../images/notepad.png) top left repeat-y;
        min-height: 109px;
    /* hack per ie*/
    height: auto !important;
    height: 109px;

        
        
}
td.nopadNottom
{
        width: 27px;
        background:  url(../images/notepad.png) top left repeat-y;
        height: 20px;
       
}
td.notepad
{
        width: 30px;
        background-color: #E5E5E5;  
        background-image: url(../images/notepadrx.png);
        background-position: top;
        background-repeat: repeat-y;
        min-height: 400px;
        /* hack per ie*/
    height: auto !important;
    height: 400px;
        
}
td.notepadBottom
{
        width: 30px;
        background-color: #E5E5E5;  
        background-image: url("../images/notepadrx.png");
        background-position: top;
        background-repeat: repeat-y;
        height: 20px;
}
div.bottomcolumn{
        float:left;
    padding:0 0 0 15px;
        width: 507px;
        background: #E5E5E5 url(../images/bottom-empty.png) top left no-repeat;
        height: 44px;
}
td.Profilo{
        width: 30px;
        background:  #FFFFFF url(../images/Profilo.png) top no-repeat;
        min-height: 309px;
        /* hack per ie*/
    height: auto !important;
    height: 309px;
} 

[simone.marchese]

Ciao Grazie per la risposta...
ma dopo vari tentavi ho trovato la soluzione...

Grazie ancora e ciao..