valign="BOTTOM"

[maxoft]

ciao, ho creato una paginetta html con una tabella madre (100% x 100%) con due celle al suo interno. in ognuna delle due celle inserisco una tabella identitiche tranne che per la proprietà HEIGHT dove in una è impostata in percentuale e nell'altra in px.
quando visualizzo la pagina la tabella con l'HEIGHT in percentuale mi compare allineata in alto, mentre l'altra in basso!!
non dovrebbero essere entrame allineate in basso?

Ecco in codice:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="50%" align="center" valign="bottom">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150">
<tr>
<td width="100%" height="20%"></td>
</tr>
</table>
</td>
<td width="50%" align="center" valign="bottom">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="15%">
<tr>
<td width="100%" height="20%"></td>
</tr>
</table>
</td>
</tr>
</table>

[ober]

Prova così:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="50%" align="center" valign="bottom">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150">
<tr>
<td width="100%" height="20%"> </td>
</tr>
</table>
</td>
<td width="50%" align="center" valign="bottom"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150">
<tr>
<td width="100%" height="20%"> </td>
</tr>
</table></td>
</tr>
</table>


...comunque non vedo dimensioni impostate in pixel nel tuo codice...

[ober]

OK... sorry... adesso l'ho visto...

Prova così:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="50%" align="center" valign="bottom">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150">
<tr>
<td width="100%" height="20%"> </td>
</tr>
</table>
</td>
<td width="50%" height="100%" align="center" valign="bottom">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150%">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>

[maxoft]

guarda che nella seconda hai settato HEIGHT=150%, se lo setti =15% ottieni lo stesso risultato del mio codice

[ober]

Originariamente inviato da maxoft
guarda che nella seconda hai settato HEIGHT=150%, se lo setti =15% ottieni lo stesso risultato del mio codice

Il problema è che ho lo metti così o dividi la cella più grande settando l'altezza inferiore di 15% inserendo una tabella alta 100%.

Esempio:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="50%" rowspan="2" align="center" valign="bottom"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150">
<tr>
<td width="100%" height="20%"> </td>
</tr>
</table></td>
<td width="50%" height="85%" align="center" valign="bottom"> </td>
</tr>
<tr>
<td height="15" align="center" valign="bottom"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" height="150">
<tr>
<td width="100%" height="20%"> </td>
</tr>
</table></td>
</tr>
</table>