Понимание ширины td в Firefox 3.5 и Internet Explorer 8 - PullRequest
Новая
       16

Понимание ширины td в Firefox 3.5 и Internet Explorer 8

0 голосов
/ 03 декабря 2009

Есть ли у кого-нибудь хорошая справка о том, как браузеры определяют ширину td?

У меня есть таблица с 3 столбцами, для ширины td установлено значение auto, 150px, 200px соответственно. Выглядит неплохо в Firefox 3.5. В IE 8 столбцы 2 и 3 огромны, столбец 1 гораздо меньше, чем хотелось бы. Я не возражаю против того, чтобы браузер был немного умен (иногда в столбце 3 мало, иногда больше), но я не хочу, чтобы столбец 1 был таким маленьким.

Я видел минимальную ширину и максимальную ширину. Некоторые говорят, что IE их не понимает (возможно, старые версии?).

Я также видел табличное макетирование CSS-свойства (мы используем CSS), и, возможно, это путь.

Существует множество деталей, и я ищу хороший общий справочник.

Ответы [ 2 ]

1 голос
/ 03 декабря 2009

Это то, что я пробовал на FF3.5 и IE8: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<table style="width: 600px;" border="1">
  <tr>
    <td style="width:auto">td1</td>
    <td style="width:150px">td2</td>
    <td style="width:200px">td3</td>
  </tr>
</table>
</body>
</html>

Оба выглядят одинаково, чем ваш код значительно отличается от приведенного выше?

EDIT:
Я тоже попробовал с doctype transitional, тот же результат.

1 голос
/ 03 декабря 2009

IE 7 и выше понимают min-width / min-height только для TD (IE 8 для большинства элементов уровня блока). Это может расстраивать, так как IE по-разному вычисляет автоматическую ширину ячеек таблицы. Лучше всего в этой ситуации иметь возможность устанавливать какую-то ширину для ячеек, даже если это ссылка и отдавать предпочтение определенным ячейкам с Nowrap, если вы хотите предотвратить это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...