IE и неопознанный баг с дивами в ячейке таблицы

[mrpit]

Здравствуйте, Уважаемые участники форума!

Надеюсь на помощь профессионалов.

Есть страничка http://www.sushi-house65.ru/catalog/category/8/

На ней участок кода:

Первый див:

<div>
<table width="800" border="0" align="left">
		<tbody>

		<tr>
			<td valign="top" style="width: 280px;">
				<h1><font face="verdana,geneva">Чай</font></h1>
				<div class="drinks_row"><span class="drinks_row_first">Чай "Ассам" черный</span><span>500 мл</span><span>200 руб.</span></div>
				<div class="drinks_row"><span class="drinks_row_first">Чай "Сенча"</span><span>500 мл</span><span>280 руб.</span></div>
				<div class="drinks_row"><span class="drinks_row_first">Зеленый чай с жасмином</span><span>500 мл</span><span>280 руб.</span></div>
				<div class="drinks_row"><span class="drinks_row_first">Зеленый чай с обжаренным рисом</span><span>500 мл</span><span>280 руб.</span></div><br/>
				<div class="drinks_row"><span class="drinks_row_first">Чай "Фруктовый сад"</span><span>500 мл</span><span>280 руб.</span></div>
			</td>

			<td valign="top" style="width: 300px;">
				<img border="0" src="templates/images/drinks/tea_small.jpg">
			</td>
		</tr>

		<tr>
			<td valign="top" style="width: 280px;">
				<h1><font face="verdana,geneva">Пиво</font></h1>
				<div class="drinks_row"><span class="drinks_row_first">Пиво "Асахи" (в розлив)</span><span>0,33 л</span><span>200 руб.</span></div>
				<div class="drinks_row"><span class="drinks_row_first">Пиво "Асахи" (в розлив)</span><span>0,5 л  </span><span>280 руб.</span></div>
			</td>

			<td valign="top" style="width: 300px;">
				<img border="0" src="templates/images/noimage_good.jpg">
			</td>
		</tr>

</tbody></table>
</div>

Далее идет див с линией:

<div> <hr size="2" style="width: 100%; color: black;"/> </div>

И наконец второй див:

<div><table border="0" align="left" width="800">
		<tbody><tr id="good_112">
			<td valign="top" style="width: 200px;">
				<h1><font face="verdana,geneva">Кофе с молоком</font></h1>
				<p>Железная банка</p><div class="catalog_order_buttons">
					<span><p>Нажмите для заказа:</p><span>
					<img src="templates/images/orderbuttons/butt1.jpg" title="+1" alt="1">
					<img src="templates/images/orderbuttons/butt2.jpg" title="+2" alt="2">
					<img src="templates/images/orderbuttons/butt5.jpg" title="+5" alt="5">
					<img src="templates/images/orderbuttons/buttx.jpg" title="Отказаться" alt="0">						
				</span></span></div>

				<div class="order_good_count">Заказано: <span class="order_id">0</span></div></td>
			<td valign="top" style="width: 80px;">
				<p> </p>

				<p><span class="gramm">0.25 л</span> <span class="price">110</span> руб. </p>
			</td>
			<td valign="top" style="width: 300px;">
				<img border="0" src="catalog/goods_preview/106.jpg">
			</td>
		</tr></tbody></table></div>

Во всех браузерах кроме IE отображается норм, а вот в IE второй див вообще не отображается. В исходном коде страницы есть.

Мне кажется что таблица во втором диве просто сжимается и отображается справа что её невидно. Но почему так происходит непонятно.

Я новичок в верстке прошу не пинать сильно. Кстати верстку делал не я меня попросили только немного переделать, поэтому перекраиват ь всю верстку не вариант.

Очень надеюсь на вашу подсказку, спасибо.

[Great Rash]

Для начала вопросы: зачем вы таблицу в див оборачиваете? Какой в этом высший смысл? Для чего оборачивать в див <hr>?

[psywalker]

Всё отображается, просто из-за большой ширины правого блока он уходит под низ. Попробуй задать меньшую ширину этому блоку

<div id="maincolumn_left">

[mrpit]

Для начала вопросы: зачем вы таблицу в див оборачиваете? Какой в этом высший смысл? Для чего оборачивать в див <hr>?

Это я уже когда тестил так сделал, в принципе от этого ничего не меняется.

Всё отображается, просто из-за большой ширины правого блока он уходит под низ. Попробуй задать меньшую ширину этому блоку

Но в других браузерах то нормально. Может есть какой то фикс без изменения ширины?

[swetlana]

Сударь, Вы всерьёз полагаете, что пропавший один блок — самый страшный косяк Вашей вёрстки?

Не знаю уж, как у Вас, но у меня в IE выглядит так:

ну или так:

А баг…

Ну он потому что слишком много лишнего в Вашем коде.

Приведите код в порядок — баг сам и уйдёт.

Edited September 3, 2010 by swetlana

[mrpit]

Сударь, Вы всерьёз полагаете, что пропавший один блок — самый страшный косяк Вашей вёрстки?

Не знаю уж, как у Вас, но у меня в IE выглядит так:

ну или так:

А баг…

Ну он потому что слишком много лишнего в Вашем коде.

Приведите код в порядок — баг сам и уйдёт.

Как я уже писал выше вертска далеко не идеальна. Но переделывать всё задачи не стоит, нужно лишь подправить проблему с отображением блока. В чем и прошу помощи у сообщства, может найдется какой-нибудь быстрый фикс на данную проблему, Сударыня.

[swetlana]

ну извините, в халтуре я не помощник.

Может кто и подскажет.

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

А уж о качестве результата говорить и не приходится.

…вертска далеко не идеальна. …

улыбнуло

Будем знать, что полный финиш теперь называется так

[mrpit]

Все ещё актуально, может найдутся все таки дельные идеи кроме полной переделки.

[psywalker]

Все ещё актуально, может найдутся все таки дельные идеи кроме полной переделки.

А мой совет ты проигнорил, я так понимаю?

[swetlana]

psywalker, твой совет подразумевает нечто более сложное, чем copy/paste