Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Вытянуть таблицу в строку

Автор: Ace Wentura 5.5.2008, 19:00

Есть простой код: таблица из 3-х строк и трёх столбцов вытягивается в одну строку с 9 столбцами.

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
<style>
table tr{
    display:inline;
}
table tr td{
    display:inline;
}
</style>
</head>

<body><table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>q</td>
    <td>w</td>
    <td>e</td>
  </tr>
  <tr>
    <td>a</td>
    <td>s</td>
    <td>d</td>
  </tr>
  <tr>
    <td>z</td>
    <td>x</td>
    <td>c</td>
  </tr>
</table>
</body>
</html>

Ну есть такая извратная необходимость.
В FireFox работает на ура. И в опере тоже, хотя и подглючивает. Но в IE не хочет вообще. В упор не видит свойства inline.
В чём затык? Как победить?

Автор: bars80080 6.5.2008, 09:28

изврат конечно жёсткий

может модно всё же удалить лишние </tr><tr> ?

попробуйте ещё вставить:

Код


table tr{
    float: left;
}

Автор: Ace Wentura 6.5.2008, 19:31

В общем забил и через регулярку убил всё, что касается таблиц. Так что теперь проблема снята сама собой.