А Вы делали такие ошибки при создании сайта?

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

Когда мой сайт был готов я решил его проверить, как он смотрится в других браузерах. Когда я открыл свой сайт браузером Mozilla, то особых различий не было, в отличии от браузера Internet Explorer

У меня возникло сразу 2 проблемы. И вот в чем они заключались:

Проблема №1. В Internet Explorer в боковых колонках сайта не отображались боковые линии.

Как было:	Как надо:

 

Как оказалось, была ошибка в html-коде, который приведен ниже. Все дело в том, что я прописал фоновую картинку middle.gif  для строки <tr> таблицы (выделено жирным шрифтом), а Internet Explorer это не понимает.

<table width="200" border="0" align="center"  cellpadding="0" cellspacing="0" >
<tr>
<td background="img/top.gif"><div class='div_title'>Меню</div></td>
</tr>
<tr background="img/middle.gif">
<td style="padding-top:7px">

<div >
<ul class="uz">
<li class="view_razdelu"><b>.:</b> <a  href="../index.php">Главная</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../articles.php">Статьи</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../ebooks.php">Книги</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../delivery.php">Мини-курсы</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../aff.php">DVD-курсы</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../friends.php">Ваш подарок</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../info.php">Об авторе</a></li>
<li class="view_razdelu"><b>.:</b> <a  href="../contacts.php">Контакты</a></li>

</ul>
</div>
</td>
</tr>
<tr>
<td height="30" valign="top"><img src="img/bottom.png" align="top" /></td>
</tr>
</table>

Эта картинка middle.gif, как раз и являлась моими боковыми полосками. Решалась эта проблема очень легко и быстро! Необходимо было задать фоновую картинку middle.gif не для строки <tr>, а для ячейки (столбца) <td>.

<td background="img/middle.gif" style="padding-top:7px">

Вот и все решение проблемы!

Проблема №2. При использовании браузера Internet Explorer было замечено, что он не корректно отображает рисунки в формате .png.

Как известно в рисунках в формате .png  используется прозрачный фон. Как раз это свойство я использовал при создании своего логотипа.

В чем же заключалось не корректное отображение моего логотипа?

Вся проблема была в том, что в  Internet Explorer вместо прозрачного фона использовался серый! Что ну никак не вписывалось в мой дизайн.

Решалась эта проблема также довольно легко и быстро.

При создании логотипа в Фотошопе, я сохранил его в формате png-24. А для того чтобы Internet Explorer корректно отображал картинки в формате .png необходимо их сохранять в формате png-8.

Вот такие я допустил оплошности при создании этого сайта!

А какие ошибки допускали Вы? Прошу делиться ими в комментариях!

• Комментарии (2)
• Сайт
• Facebook