Hola muy buenas.
Pues resulta que estoy haciendo unas tablas anidadas en html y tengo el siguiente problema:
- estoy tratando de hacer una tabla en la que se repitan un fondo tanto en el eje x como en el y en dos de las celdas, el problema es que mientras que en firefox se ve todo al pelo en explorer no se repite la imagen en el eje x.
-agradeceria mucho cualquier comentario o sugerencia.
el fallo esta en:
<table class="fondo_sup_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="sup_izq">
</td>
<td class="sup_central" >AQUI
</td>
<td class="sup_der">
</td>
</tr>
</table>
la estructura es la siguiente,esto es un extracto del codigo:
Código:
<td valign="top" align="center" width="100%" class="borderIzq">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="100%" height="26" class="bordeDisOV">
------DATOS----------
</td>
</tr>
------DATOS----------
<tr>
<td valign="top">
------DATOS----------
<table class="fondo_sup_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="sup_izq">
</td>
<td class="sup_central" >
</td>
<td class="sup_der">
</td>
</tr>
</table>
<table class="fondo_lateral_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="lateral_izq">
</td>
<td>
<table class="fondo_interior_contenido" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="cabeceraMenuOV2_bis" width="42%">Nombre</td>
<td class="cabeceraMenuOV2_bis" width="33%">Descripción</td>
<td class="cabeceraMenuOV2_bis">Acciones</td>
</tr>
------DATOS----------
<tr >
<td >
</td>
<td >
------DATOS----------
</td>
<td >
------DATOS----------
</td>
</tr>
------DATOS----------
</table>
</td>
<td class="lateral_der">
</td>
</tr>
</table>
<table class="fondo_inf_contenido" bgcolor="white" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="inf_izq">
</td>
<td class="inf_central">
</td>
<td class="inf_der">
</td>
</tr>
</table>
<br/><br/>
</td>
</tr>
y la hoja de estilo:
Código:
.fondo_sup_contenido{
width:97%;
height:20px;
}
.fondo_lateral_contenido{
width:97%;
}
.fondo_inf_contenido{
width:97%;
height:40px;
}
.fondo_interior_contenido{
/*width:776px;*/
width:98%;
padding-bottom:25px;
}
.sup_izq{
background-image:url(../images/sup_izq_.png);
width:28px;
height:20px;
background-repeat:no-repeat}
.sup_central{
background-image:url(../images/sup_central_.gif);
background-repeat:repeat-x;
height:20px;
}
.sup_der{
background-image:url(../images/sup_der_.png);
width:28px;
height:20px;
background-repeat:no-repeat}
.lateral_izq{
background-image:url(../images/lateral_izq_.png);
background-repeat:repeat-y;
width:12px;
}
.lateral_der{
background-image:url(../images/lateral_der_.png);
background-repeat:repeat-y;
width:14px;
}
.inf_izq{background-image:url(../images/inferior_izq_.png);
width:47px;
height:40px;
background-repeat:no-repeat;
}
.inf_central{
background-image:url(../images/inferior_central_.gif);
background-repeat: repeat-x;
height:20px;
}
.inf_der{
background-image:url(../images/inferior_der_.png);
width:47px;
height:40px;
background-repeat:no-repeat
}