Проблема: ширина ячеек в таблице

StrangeRRor · October 2, 2008

Прошу прощения за нубский вопрос, но сам не пойму в чем проблема.

В таблице один ряд из семи ячеек. Первые и последние три ячейки имеют фиксированную ширину. Центральная ячейка должна занимать всё пространство, не занятое остальными ячейками, но, если устанавить ей ширину 100%, то она начинает занимать всю область таблицы, игнорируя ширину остальных ячеек.

<html>
<head>
</head>
<body>
  <table height="100%" cellpadding="0" cellspacing="0" border="0">
	<tr>
	  <td width="10" height="100%" bgcolor="#7CFC00">
	  </td>
	  <td width="150" height="100%" bgcolor="#8B4513">
	  </td>
	  <td width="10" height="100%" bgcolor="#D2691E">
	  </td>
	  <td width="100%" height="100%" bgcolor="#8B8682">
	  </td>
	  <td width="10" height="100%" bgcolor="#7CFC00">
	  </td>
	  <td width="150" height="100%" bgcolor="#8B4513">
	  </td>
	  <td width="10" height="100%" bgcolor="#D2691E">
	  </td>
	</tr>
  </table>
</body>
</html>

Edited October 2, 2008 by StrangeRRor

musulman · October 2, 2008

Помоему осталось указать только ширину для самой таблицы.

И убрать 100% для центрально ячейки.

Да и лучше будет если все стили вынести в стили

homm · October 2, 2008

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'>
<head>
</head>
<body>
  <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed;">
  <col width="10" /><col width="150" /><col width="10" /><col width="100%" /><col width="10" /><col width="150" /><col width="10" />
	<tr>
	  <td bgcolor="#7CFC00">
	  </td>
	  <td bgcolor="#8B4513">
	  </td>
	  <td bgcolor="#D2691E">
	  </td>
	  <td bgcolor="#8B8682">
dfgdfg
	  </td>
	  <td bgcolor="#7CFC00">
	  </td>
	  <td bgcolor="#8B4513">
	  </td>
	  <td bgcolor="#D2691E">
	  </td>
	</tr>
  </table>
</body>
</html>

StrangeRRor · October 2, 2008

Спасибо за подсказку. И тогда ещё один маленький вопрос: как в приведенном примере растянуть таблицу по вертикали?

homm · October 2, 2008

height к таблице и всем её родительским элементам.

rus · October 2, 2008

height к таблице и всем её родительским элементам.

Мне думается есть смысл проставить его лучше у тегов html и body?

homm · October 2, 2008

Мне думается есть смысл проставить его лучше у тегов html и body?

А мне откуда знать, что тебе думается?

rus · October 2, 2008

А мне откуда знать, что тебе думается?

Хм..., вот поэтому я и выложил свою мысль.

Вот так будет лучше:

<head>
<style>
html,body {
margin:0;
padding:0;
width:100%;
height:100%;
}
</style>
</head>

Edited October 2, 2008 by rus

Sign In

Проблема: ширина ячеек в таблице

Question

StrangeRRor

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

musulman

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

StrangeRRor

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information