Таблица показала отличия в IE от Opera - PullRequest
Новая
       16

Таблица показала отличия в IE от Opera

0 голосов
/ 01 февраля 2009

У меня есть таблица с кодом, подобным этому: 

<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>

Проблема в том, что в IE таблица имеет фрейм, а tableborder = 1. Что делать?

Ответы [ 4 ]

1 голос
/ 01 февраля 2009

Попробуйте это: 

<!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>


Пара конкретных замечаний:

  • Использование DOCTYPE для предотвращения режима причуд.
    (это HTML5 DOCTYPE - некоторые предпочитают более многословные XHTML или HTML4 Strict - они тоже работают)
  • Нет никаких ненужных атрибутов на тегах - все контролируются именами тегов и классами.
1 голос
/ 01 февраля 2009

Я хочу, чтобы это выглядело так:

alt text

Когда я использую border="0" IE не отображает черную линию. Если я напишу <th style="1p solid black>Text</th>, я получу черный ящик вокруг головок стола.

0 голосов
/ 01 февраля 2009

использование

style = "border: 1px solid black"

в табличном теге, затем.

о, и для последней ячейки отсутствует закрытие.

0 голосов
/ 01 февраля 2009 
border="0"

Однако вы должны использовать вместо этого таблицы стилей для таких вещей ...

...