Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Некорректное отображение горизонтального меню в IE8

00 голосов
2
Несколько дней назад начал создание сайта. И только сегодня обнаружил, что в Internet Explorer 8 меню сайта отображается некорректно.

В Google Chrome, Opera и Mozila оно выглядит правильно:
Рисунок

В IE-8, подобным образом:
Рисунок

Код меню:

Код
<table border="0" cellpadding="0" cellspacing="0" width="94%" align="center">
<tr>
<td height="14"></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#318EB7"><img border="0" src="/.s/t/211/30.gif" width="5" height="34"></td>
<td width="70%" bgcolor="#318EB7" background="/.s/t/211/31.gif">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<img src="/gh.png" border="0" align="absmiddle"><a style="text-decoration:none;" "#ffa500"="" href="/" class="menu1" title="Главная страница"><b>Главная</b></a><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/photo" class="menu1" title="Прикольные фото"><b>Фото</b></a><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/blog" class="menu1" title="Видео"><b>Видео</b></a><img src="/gh.png" border="0" align="absmiddle">
<b style="text-decoration: none; "><a style="text-decoration:none;" "#ffa500"="" href="/stuff" class="menu1" title="Онлайн игры">Онлайн игры</a> </b><img src="/new.gif" border="0" align="absmiddle"><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/index/anekdoty/0-8" class="menu1" title="Анекдоты"><b>Анекдоты</b></a><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/tests/" class="menu1" title="Тесты"><b>Тесты</b></a><img src="/gh.png" border="0" align="absmiddle"> 
<a style="text-decoration:none;" "#ffa500"="" href="/" class="menu1" title="Смешные истории"><b>Смешные истории</b></a><img src="/gh.png" border="0" align="absmiddle">
</tr>
</table>

</td>
<td width="30%" nowrap="nowrap" bgcolor="#318EB7" background="/.s/t/211/31.gif" align="right"><span class="pageTitle">$MODULE_NAME$</span></td>
<td bgcolor="#318EB7"><img border="0" src="/.s/t/211/32.gif" width="5" height="34"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="14"></td>
</tr>
</table>


Как решить данную проблему?
спросил 22 Апр, 13 от TyHDPA (160 баллов)

2 Ответы

00 голосов
Спасибо большое. Действительно.

Помогло.
ответил 22 Апр, 13 от TyHDPA (160 баллов)
00 голосов
Вопрос конечно не по битриксу, а в общем по верстке, но ошибка вот где кроется:

Строка таблицы начинается, а ячейка - нет. То есть надо добавить после тега "[tr]" тег "<td>" и соответственно не забыть его закрыть перед "[/tr]"

Код
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="/gh.png" border="0" align="absmiddle"><a style="text-decoration:none;" "#ffa500"="" href="/" class="menu1" title="Главная страница"><b>Главная</b></a><img src="/gh.png" border="0" align="absmiddle"> 



Код
<b>Смешные истории</b></a><img src="/gh.png" border="0" align="absmiddle">
</td>
</tr>
ответил 22 Апр, 13 от Oggi (520 баллов)

Похожие вопросы

0 голосов
3 ответов
спросил 23 Фев, 14 от Byni (100 баллов)
0 голосов
1 ответ
0 голосов
3 ответов
0 голосов
3 ответов
спросил 17 Фев, 14 от Cyber (540 баллов)