Некорректное отображение в Эксплорере
hontor
Дата: Вторник, 19.06.2012, 14:09 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 2
Здравствуйте, уважаемые участники форума! Делаю сайт по просьбе подруги. Как обычно - методом научного тыка (я художник, а не веб-программист, увы...). Столкнулся с проблемой: в лисе, опере и хроме отображается нормально, в эксплорере разъезжается по всему экрану. Может, кто подскажет, в чем проблема и можно ли ее исправить? Код первого контейнера и каркаса прилагается. Расположение элементов сохранить принципиально. Спасибо заранее всем, кто откликнется. Сайт: http://shirobana.ucoz.ru/ Первый контейнер: Code
<table style="width: 228px; background-image: url("http://shirobana.ucoz.ru/teh/fon3.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: left top; background-clip: border-box; background-origin: padding-box; background-size: auto auto;" align="" border="0" cellpadding="0" cellspacing="0" width=""> <tbody><tr align="right"><td style="color: rgb(96, 0, 0); text-align: center; vertical-align: middle; background-image: none; background-repeat: repeat; background-position: 0% 0%; letter-spacing: 0pt; word-spacing: 0pt;" height="33"><b><!-- <bt> --><!--<s5184>--><!--</s>--></b><br></td></tr><tr><td style="text-align: left; vertical-align: middle; background-image: none; background-repeat: repeat; background-position: 0% 0%; letter-spacing: 0pt; word-spacing: 0pt;"> <link rel="stylesheet" href="http://hontor.ru/index_files/cbcscbindex.css" type="text/css"> <!-- <block1> --> <table style="margin-right: 15px; border-collapse: collapse;" align="" width=""><tbody><tr><td><a target="_self" href="http://shirobana.ucoz.ru/"><img style="margin-left: 10px; border-width: 1px; border-style: none; border-color: -moz-use-text-color;" alt="" src="http://shirobana.ucoz.ru/teh/menu1.jpg"></a><br></td></tr><tr><td><br></td></tr><tr><td><a target="_self" href="http://shirobana.ucoz.ru/photo/2"><img style="margin-left: 10px;" alt="" src="http://shirobana.ucoz.ru/teh/menu2.jpg"></a><br></td></tr><tr><td><br></td></tr><tr><td><a target="_self" href="http://shirobana.ucoz.ru/gb/"><img style="margin-left: 10px;" alt="" src="http://shirobana.ucoz.ru/teh/menu3.jpg"></a><br></td></tr><tr><td><br></td></tr><tr><td><a target="_self" href="http://shirobana.ucoz.ru/index/0-3"><img style="margin-left: 10px;" alt="" src="http://shirobana.ucoz.ru/teh/menu4.jpg"></a><br></td></tr></tbody></table><br> <!-- </block1> --> </td></tr><tr></tr> </tbody></table><br> <table style="width: 228px; background-image: url("http://shirobana.ucoz.ru/teh/fon3.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: left top; background-clip: border-box; background-origin: padding-box; background-size: auto auto;" align="" border="0" cellpadding="0" cellspacing="0" width=""> <tbody><tr align="center"><td style="color: rgb(96, 0, 0); text-align: center; vertical-align: middle; background-image: none; background-repeat: repeat; background-position: 0% 0%; letter-spacing: 0pt; word-spacing: 0pt;" height="33"><b><!-- <bt> --><!--<s3199>--><!--</s>--><!-- </bt> --></b><br>$MYINF_1$<br><font color="#ffffff"></font><br></td></tr> <tr></tr> </tbody></table><br>
Каркас: Code
<html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/css/995.css" /> <style type="text/css"> html, body { margin: 0px; height: 100%; } #background { position: fixed; width: 100%; height: 100%; } #body { position: absolute; width: 100%; height: 100%; z-index: 1; } </style> </head> <body> <img id="background" src="http://shirobana.ucoz.ru/teh/background.jpg" /> <div id="body"> <div align="center"><table style="width: 100%; margin: 10px; border-collapse: collapse;" align="left" width=""><tbody><tr><td style="width: 270px; vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><img style="margin-left: 10px;" alt="" src="http://shirobana.ucoz.ru/teh/element1.jpg"><br></td><td style="text-align: left; letter-spacing: 0pt; word-spacing: 0pt;" align="left"><div><img src="http://shirobana.ucoz.ru/teh/shapka.jpg"></div></td></tr></tbody></table> <div style="PADDING-TOP: 1px"> <!-- <middle> --> <table border="0" cellpadding="10" cellspacing="10" width="100%"> <tr> <td valign="top" style="width:178px;"> <!-- <container> --> <!-- <block> --> <table border="0" cellpadding="0" cellspacing="0" width="178"> <tr><td height="33" align="right" style=";padding-right:10px;COLOR: #600000"><b>TITLE</b></td></tr> <tr><td style="padding:5px 7px 5px 7px;">CONTENT</td></tr> <tr></tr> </table><br /> <!-- </block> --> <!-- </container> --> </td> <td valign="top" style="padding:0px 10px 0px 10px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="15" height="15"><td width="10" height="10"></td></tr> <tr><td style="padding:10px;">[BODY]</td></tr> <tr><td width="15" height="15"></td><td width="10" height="10"></td></tr> </table> </td> <td valign="top" style="width:178px;"> <!-- <container> --> <!-- </container> --> </td> </tr> </table> <!-- </middle> --> <!-- <footer> --> <br /> <table border="0" cellpadding="4" cellspacing="0" width="100%"> <tr><td align="center">[COPYRIGHT]</td></tr> </table> <!-- </footer> --> </td></tr> <tr><td width="10" height="10"><td width="10" height="10"></td></tr> </table> <div style="color:#EBDAAF;text-align:center;padding:10px;">$POWERED_BY$</div> </div> </body> </html> <!-- <popup> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="15" height="15"><img src="/.s/t/995/17.gif" border="0"></td><td style="background:url('/.s/t/995/18.gif');"></td><td width="10" height="10"><img src="/.s/t/995/19.gif" border="0"></td></tr> <tr><td style="background:url('/.s/t/995/20.gif');"></td><td style="background:#FFFFFF;padding:10px;" align="center"><b>[TITLE]</b><hr>[BODY]</td><td style="background:url('/.s/t/995/21.gif');"></td></tr> <tr><td width="15" height="15"><img src="/.s/t/995/22.gif" border="0"></td><td style="background:url('/.s/t/995/23.gif');"></td><td width="10" height="10"><img src="/.s/t/995/24.gif" border="0"></td></tr> </table> <!-- </popup> -->
Wengdet
Дата: Вторник, 19.06.2012, 16:03 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Проверенные
Сообщений: 4
В каждом браузере, свои причуды, у каждого человека, когда пишет сайт, проблемы в разных браузерах, и приходиться в каждом настраивать, многие щас не настраивают в експлоере вообще, т.к он не популярен, и сидит на нем малое количество человек. Если вам не хочется мучиться, можете на настравивать, большой проблемы это у вас не вызовет, но если все же хотите , ошибку доложны найти вы сами, т.к ваши блоки слетают на право, а это вызвано неправильно написанным кодом, который(написали вы), он мешает им выйти ровно. Это может быть ширина(width) , или атрибутом align. Ну так же может быть из-за чего-нибудь другого. Вообщем старайтесь искать сами.
MDNdemon
Дата: Вторник, 19.06.2012, 16:04 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Проверенные
Сообщений: 512
hontor , и Wengdet , как правило такие проблемы появляются при блочной вёрстке, и обычно решение проблемы находится в доктайпе. Так же могут использоваться классы, которые IE просто не понимает. hontor , Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Просто вставьте данный доктайп в самый верх страницы, перед тегом
Сообщение отредактировал MDNdemon - Вторник, 19.06.2012, 16:15
Подпись пользователя MDNdemon
hontor
Дата: Вторник, 19.06.2012, 17:03 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 2
MDNdemon , спасибо ОГРОМНОЕ! Помогло. Теперь и в эксплорере все нормально. Тема, можно сказать, уже неактуальна)
MDNdemon
Дата: Среда, 20.06.2012, 21:18 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Проверенные
Сообщений: 512
[b2] Тема Закрыта ! Ув. Администрация просьба закрыть тему в связи с её не актуальностью
[/b2]
Подпись пользователя MDNdemon