странное поведение таблиц в IE

L0k! · September 28, 2009

Есть вот такой незамысловатый код:

<html>
 <head>
 </head>
 <body>
  <table cellpadding=0 cellspacing=0 style="width:100%">
   <tr>
	<td colspan=3 style="background:#E8E8FF; height:200px;">
	  <table cellpadding=0 cellspacing=0 style="width:100%" border=1>
	   <tr>
		<td style="width:310px;">310px</td>
		<td></td>
		<td style="width:310px;">310px</td>
	   </tr>
	  </table>
	</td>
   </tr>
   <tr>
	<td style="width:200px; background:#23AE0A;">200px
	</td>
	<td >
	</td>
	<td style="width:200px; background:#18B6F1;">200px
	</td>
   </tr>
  </table>
 </body>
</html>

Но в ослике он работает очень странно...если задать размеры столбцам вложеной таблицы - то почему-то растягиваются столбцы родительской таблицы, у которых значения ширины должны быть 200px... Чем обусловлено такое поведение?

lancer · September 28, 2009

Такое поведение, как мне кажется, обусловленно багом IE 6.

Вот другой подход к задаче. Работает и в 6-ом и код короче.

<html>
<body>

<table cellpadding=0 cellspacing=0 style="width:100%" border=1>
	<td style="width:310px;">310px</td>
	<td></td>
	<td style="width:310px;">310px</td>
</tr>

<table width="100%">
	<tr>
		<td style="width:200px; background:#23AE0A;">200px</td>
		<td></td>
		<td style="width:200px; background:#18B6F1;">200px</td>
	</tr>
</table>
</body>
</html>

Считаю своим долгом сообщить, что Вы зря не используете доктайп.

Edited September 28, 2009 by lancer

L0k! · September 28, 2009

Такое поведение, как мне кажется, обусловленно багом IE 6.
Вот другой подход к задаче. Работает и в 6-ом и код короче.
...
Считаю своим долгом сообщить, что Вы зря не используете доктайп.

Спасибо вам за совет (как по коду так и про доктайп)!

Но меня интересовала именно та реализация кода, я думал, что я где-то чего-то недопонимаю)) а если баг - то и бог с ним, ослик только багами и славится))

А доктайп я не использовал - потому, что это тестовый кусок кода)

lancer · September 28, 2009

На здоровье!

А доктайп я не использовал - потому, что это тестовый кусок кода)

Доктайп вообще-то не для красоты придумали к завершенным страницам). В зависимости от доктайпа код различно в браузерах обрабатывается.

Edited September 28, 2009 by lancer

psywalker · September 28, 2009

А блочной вёрсткой не увлекаетесь?

L0k! · September 28, 2009

А блочной вёрсткой не увлекаетесь?

Давайте не будем устраивать холивары дивы-таблицы...

Была замечена странность поведения ИЕ - был задан вопрос. Собственно все.

Sign In

странное поведение таблиц в IE

Question

L0k!

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

lancer

Link to comment

Share on other sites

L0k!

Link to comment

Share on other sites

lancer

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

L0k!

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information