Jump to content
  • 0

Ширина ячейки в таблице с colspan


renton
 Share

Question

Привет друзья.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body topmargin="0">
<table width="100%" border="1">
<tr>
<td colspan="2" nowrap> <table width="100%"><tr><td>12123 12342342342 13451345 1 1145134513412342 2342 234 234</td></tr></table></td>
</tr>
<tr>
<td width="100">DDDD</td>
<td width="100%"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>

</body>
</html>

Никак не получается сделать фиксированную ширину ячейки с текстом DDDD, если изменяется текст "12123 1234234 ...." в верхней вложенной таблице, то меняется и ширина интересующей меня ячейки (DDDD). Буду рад любой помощи.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

В третьей строке ячейки <td width="100">DDDD</td> и <td width="100%"> </td>. Т.е. у них ширины сто пикселей + 100%. Как я понимаю, математически это не правильно.

Тем более, посмотрите как отображается Ваша страница в Mozilla и IE.

1. colspan лучше использовать с тегом <col> (http://htmlbook.ru/html/col.html), где нужно задать и ширины колонок.

2. http://htmlbook.ru/html/td/nowrap.html осуждается в спецификации HTML 4

Я бы организовал несколько иначе эту таблицу, на мой взгляд, более логично. А именно: трехстрочная таблица, шириной в 100%. На второй строке еще ода однострочная таблица, шириной 100%, а первая ячейка в ней 100 пикселей. Ширина второй будет вычислена автоматом. И не будет зависимости никакой.

Edited by SCHNITZER
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy