iexplorer - habilitar css internet explorer
Problema de renderizado de IE8 CSS(tabla) (3)
Tengo un problema de IE8 bastante común en mi sitio. IE8 representa mi página de manera diferente que otros navegadores, lo cual es bastante molesto. ¡Me encantaría que alguien pudiera ayudar, por favor!
Intenté darle a IE8 su propia hoja de estilos, pero parece que no funciona.
Aquí está la página con el problema:
http://www.routeqr.com/toimex/tuotteet
Desplázate hacia la sección de imágenes y verás que la primera columna y la segunda columna tienen demasiado espacio entre ellas.
Las etiquetas TH también se muestran mal.
IE no muestra los márgenes correctamente allí, solo revisa la misma página con Firefox o con otro navegador y deberías ver la diferencia.
Apreciaría mucho si alguien pudiera ayudarme, estoy tan perdido.
Código HTML
<table class="tuotekuvat">
<tbody>
<tr>
<th><a name="kannakkeet">» Kannakkeet</a></th>
</tr>
CSS
.custom .tuotekuvat th {
float: left;
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
background-color: #333333;
}
La tabla no está codificada correctamente, tiene una (celda) sin colspans especificada, y en la table algunas filas tienen 6 celdas (columnas) y algunas tienen 5. cualquier navegador puede tener problemas para hacerlo funcionar;)
Entonces está flotando el único th - IE 7 y siguientes no entienden float en un elemento de celda / encabezado de tabla y forzarán a que toda la primera columna sea tan ancha como el enlace de encabezado
Si puedo sugerirle que se adhiera a un método u otro, ya sea flotando un encabezado fuera de la tabla, o incluso poniéndolo en su propio elemento <thead> - y luego usando table-layout: fixed en toda la tabla para que las columnas sean forzadas ser del mismo ancho eso debería ayudar a igualarlo ... pero principalmente si usted decide que la tabla debe tener seis columnas (ya sea que todas sean usadas o no) entonces, por ejemplo, esa única debe ser <th colspan="6">
Obtenga el HTML de la tabla en primer lugar y el resto debería estar bien en el navegador si quiere que parezca que hay espacios entre las filas de la tabla y los encabezados de las tablas. Puede rellenar el ... pero realmente no veo la necesidad de hacerlo. flotar fuera de la estructura de la mesa
Retire el relleno izquierdo y derecho:
padding: 10px;
se convierte
padding: 10px 0px 10px 0px;
¡Espero que esto ayude!
NS
En lo que respecta a las celdas <td> vacías. Solía ser que necesitabas al menos un hacer que se reproduzca correctamente en todos los navegadores. Creo que puede que ya no sea el caso con las versiones actuales.
Como comentario adicional , recomendaría usar herramientas como firefox y webdesarrollador Firefox . Webdeveloper tiene una gran cantidad de características agradables junto con un enlace al validador w3c que me ha ayudado a encontrar html malformado.