La tabla se mostró diferente en IE de Opera

StackOverflow https://stackoverflow.com/questions/500939

Pregunta

Tengo una tabla con un código como este: 

<table cellpadding="6" rules="groups"  frame="no">
<thead>
<tr><th>Date</th><th>Length</th><th>Time</th></tr>
</thead>

<tbody>
<tr><td>31. January1</td><td>28 km</td><td>3 hours</tr> 
</tbody></table>

El problema es que en IE la tabla tiene frame y un tableborder = 1. ¿Qué hacer?

¿Fue útil?

Solución

Prueba esto: 

<!DOCTYPE html>
<html>
<head>
    <title>Example:Table with Header Underline Border</title>
    <style type="text/css">
        table.groups
        {
            border-collapse: collapse;
        }

        table.groups thead th
        {
            border-bottom: solid 1px black;
        }

        table.groups th,
        table.groups td
        {
            padding: 6px;
        }
    </style>
</head>
<body>
    <table class="groups">
        <thead>
            <tr><th>Date</th><th>Length</th><th>Time</th></tr>
        </thead>
        <tbody>
            <tr><td>31. January1</td><td>28 km</td><td>3 hours</td></tr>
        </tbody>
    </table>
</body>
</html>


Un par de cosas específicas a tener en cuenta:

  • Uso de un DOCTYPE para evitar el modo peculiaridades.
    (este es el DOCTYPE HTML5; algunas personas prefieren los más estrictos XHTML o HTML4 estrictos, también funcionan)
  • No hay atributos innecesarios en las etiquetas, todo controlado por nombres y clases de etiquetas.

Otros consejos

Quiero que se vea así:

texto alternativo

Cuando uso border="0" IE no visualizo la línea negra. Si escribo <th style="1p solid black>Text</th> aparece un cuadro negro alrededor de los encabezados de las mesas.

uso

style = " border: 1px solid black "

en la tabla-etiqueta, entonces.

oh, y falta un cierre para la última celda. 

border="0"

Sin embargo, debe usar hojas de estilo en su lugar para cosas como esta ...

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top