Hola, estoy intentando poner un menu pequeño abajo de mi pagina y para ese menu hice una tabla, la cual tiene el siguiente codigo:
Código:
<table id="tabla_menu">
<tr>
<td>
<img src="Imagenes/arriba_izquierda_menu.png" border="0" />
</td>
<td id="arribamenu" colspan="5" background="Imagenes/arriba_menu.png">
</td>
<td>
<img src="Imagenes/arriba_derecha_menu.png" />
</td>
</tr>
<tr>
<td background="Imagenes/izquierda_menu.png">
</div>
<td id="atras">
</td>
<td class="separadores"> | </td>
<td id="indice">
</td>
<td class="separadores"> | </td>
<td id="adelante">
</td>
<td background="Imagenes/derecha_menu.png">
</td>
</tr>
<tr>
<td>
<img src="Imagenes/abajo_izquierda_menu.png" border=0 />
</td>
<td colspan="5" background="Imagenes/abajo_menu.png">
</td>
<td>
<img src="Imagenes/abajo_derecha_menu.png" border="0" />
</td>
</tr>
</table>
El estilo de la tabla es este:
Código:
tr, td, table {
padding: 0px; margin: 0px; border: 0px; border-collapse: collapse;
}
Esto para que supuestamente no se vean los bordes... El problema nada mas esta en Internet Explorer, las imagenes son las siguientes:
La tabla con bordes tiene la siguiente esctructura en firefox:
Y sin bordes en firefox se ve asi:
En Internet Explorer la estructura con bordes es asi:
En esa parte de las
X es donde Internet Explorer la hace mas alta de lo que deberia ser... Ya intente incluso poner un espacio en blanco de tamaño de un pixel dentro de esas celdas, pero aun asi sigue poniendola asi de alta...
En Internet Explorer sin bordes se ve asi:
Alguien sabe como podria lograr que en Internet Explorer se vea igual que en firefox??? Las imagenes de los triangulos y el cuadrado las agregue con JavaScript, por eso no estan en el codigo...
Gracias!!!!!!! Saludos!