При открытии сайта в Internet Explorer в верхней части сайта съезжает часть картинки

голоса: +2

Ребят такая проблемка, у меня на сайте http://ivolgamir.ucoz.ru/ стоит шаблон "Дизайн #501" http://manual.ucoz.net/publ/17-1-0-395 при открытии сайта в Internet Explorer в верхней части сайта съезжает часть картинки, в других браузерах такой проблемы не возникает.

Смотрел сайты других пользователей - проблема таже. Только на одном сайте http://all-seeing.clan.su/ пользователь решил проблемку соеденив рисунки 3-4-5-6 в один и + отдельно 7 рисунок. Короче как сделать также, чтобы во всех браузерах всё отображалось нормально??? Вот блок верхней части сайта:

************************************************
сайт http://ivolgamir.ucoz.ru/ картинка смещается в Internet Explorer, таже проблема на других сайтах с этим дизайном

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="250">
<tr>
<td width="478">
 <table cellpadding="0" cellspacing="0" border="0" width="478" height="250">
 <tr><td height="70" style="background:url('http://ivolgamir.ucoz.ru/images/3c.png'); padding-left:40px;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>
 <tr><td height="105" style="background:url('http://ivolgamir.ucoz.ru/images/4c.png');padding-left:100px; padding-top:20px;"><span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;"><b><!-- <logo> --><!-- </logo> --></b></span></td></tr>
 <tr><td height="75" align="right" style="background:url('http://ivolgamir.ucoz.ru/images/5c.png'); "><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td></tr>
 </table>
</td>
<td width="127"><img src="http://ivolgamir.ucoz.ru/images/6c.gif" border="0"></td>
<td style="background:url('http://ivolgamir.ucoz.ru/images/7c.gif') left no-repeat;">&nbsp;</td></tr>
</table>
************************************************
сайт http://all-seeing.clan.su/ картинка отображается нормально во всех браузерах

<table border="0" cellpadding="0" cellspacing="0" height="250" width="100%">
<tbody><tr><td width="478"><table style="background-image: url(/img2.jpg); background-repeat: repeat; background-attachment: scroll; background-position: left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 251px; width: 478px; border-collapse: collapse;" align="center" width=""><tbody><tr><td style="border: 1px none rgb(0, 0, 0); text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 10pt;"><span style="font-size: 10pt; font-family: &quot;Times New Roman&quot;;">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size: 10pt;"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Вы вошли как&nbsp;&nbsp; <a href="http://all-seeing.clan.su/"><b>Гость</b></a> &nbsp; |&nbsp;&nbsp;
Группа "<u> Гости</u> "&nbsp; </span><!--ENDIF--> </span><b><span style="font-size: 10pt; font-family: Tahoma; color: white;"><span style="font-size-adjust: none; font-stretch: normal; font-size: 10pt;"> </span></span></b></span></td></tr><tr startcont="this"><td style="border: 1px none rgb(0, 0, 0); text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 36pt;"><span startcont="this" style="font-size: 14pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-family: Palatino Linotype; color: rgb(0, 0, 205);"></span><span style="font-size: 36pt; font-family: Palatino Linotype; color: rgb(255, 99, 71);">All-Seeing</span><br></span><span style="font-family: Comic Sans MS; color: rgb(255, 0, 0);"></span></span></td></tr><tr><td style="border: 1px none rgb(0, 0, 0); text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://all-seeing.clan.su/">Главная</a> | <a href="/register">Регистрация</a><!--IF--> |  <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Вход</a><br><br><span style="font-size: 12pt; font-family: &quot;Times New Roman&quot;;"></span>&lt;</td></tr></tbody></table></td>
<td width="127"><img alt="" src="/right.jpg" align="" border="0"><br></td>
<td style="background: transparent url(http://src.ucoz.ru/t/501/7.gif) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">&nbsp;</td></tr>
</tbody></table>
************************************************

Адрес сайта http://ivolgamir.ucoz.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: 0
 
Лучший ответ

Ну как вариант заменить

<td width="127"><img src="http://ivolgamir.ucoz.ru/images/6c.gif" border="0"></td>

на

<td width="127" style="background: url('http://ivolgamir.ucoz.ru/images/6c.gif') top left no-repeat" border="0"></td>

К стилям IE более благосклонен

| Автор:

Забыл ширину картинки к ячейки прибавить

<td width="367px" style="background: url('http://ivolgamir.ucoz.ru/images/6c.gif') top left no-repeat" border="0"></td>

 

ну в принципе почти получилось)))

вот здесь вроде бы решили проблемку http://ключ-для-пешки.рф/ пока не понял как)))

код с сайта http://ключ-для-пешки.рф/

<!--U1AHEADER1Z--><table border="0" cellpadding="0" cellspacing="0" height="250" width="100%">
<tbody><tr>
<td width="478">
 <table border="0" cellpadding="0" cellspacing="0" height="250" width="478">
 <tbody><tr><td style="background:url('/up/120.gif'); padding-left:40px;" height="70"><!--IF--><!--IF--><!--<s5200>--> <a href="http://xn-----klcfphedc5b5esa4es.xn--p1ai/news/rss/"></a><!--ENDIF--></td></tr>
 <tr><td style="background:url('/up/123.gif');padding-left:100px; padding-top:20px;" height="105"><span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;"><b><!-- <logo> --><!-- </logo> --></b></span><br></td></tr>
 <tr><td style="background:url('/up/121.gif'); " align="right" height="75"><a href="http://ключ-для-пешки.рф/"><!--<s5176>-->Вы вошли как </a><a href="http://book999.ucoz.ru/"><b>Гость</b></a> <!--IF-->| <a href=""><!--<s5214>-->Мой профиль<!--</s>--></a><!--ENDIF--> | <a href="/index/3"><!--<s3089>-->Регистрация<!--</s>--></a><!--ENDIF-->  | <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><!--<s3087>-->Вход<!--</s>--></a></td></tr>
 </tbody></table>
</td>
<td width="127"><img src="/up/122.gif" border="0"></td>
<td style="background:url('/up/124.gif') left no-repeat;">&nbsp;</td></tr>
</tbody></table><!--/U1AHEADER1Z-->

Посмотрев внимательней на ваш код, выяснилось, что проблема банальная. Нужно просто удалить не нужный отступ (padding). То, что красным удалите

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="250">
<tr>
<td width="478">
 <table cellpadding="0" cellspacing="0" border="0" width="478" height="250">
 <tr><td height="70" style="background:url('http://ivolgamir.ucoz.ru/images/3c.png'); padding-left:40px;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>
 <tr><td height="105" style="background:url('http://ivolgamir.ucoz.ru/images/4c.png');padding-left:100px; padding-top:20px;"><span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;"><b><!-- <logo> --><!-- </logo> --></b></span></td></tr>
 <tr><td height="75" align="right" style="background:url('http://ivolgamir.ucoz.ru/images/5c.png'); "><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td></tr>
 </table>
</td>
<td width="127"><img src="http://ivolgamir.ucoz.ru/images/6c.gif" border="0"></td>
<td style="background:url('http://ivolgamir.ucoz.ru/images/7c.gif') left no-repeat;">&nbsp;</td></tr>
</table>

голоса: +2
Попробуйте прописать в общих настройках значение тэга !DOCTYPE таким:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
| Автор:
Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> не только не решает проблему, а наоборот добавляет её ещё и в Mozilla Firefox))) ... проблема всётаки где то в управлении дизайном "верхняя часть сайта" ... ведь решили же её здесь http://all-seeing.clan.su/ я хочу также объеденить рисунки 3-4-5-6 в один и 7 рисунок отдельно - короче вместо 5 раздельных рисунков в стандартном шаблоне - сделать 2 - как прописать код дя этого в "верхней части сайта"?
...