Адаптация шаблона под IE
ad
Группа: Удаленные
Решил состряпать новый дизайн. Он еще не закончен, но главное мне было проверить расположение бокового меню. В опере разумеется все нормально, так как в ней и писал шаблон, но в IE 6 отображается неочень, еще не проверял в браузерах более поздних версий также как и в сафари и в мозилле. Вот код шаблона, PS: Очень много margin-ов пришлось писать.
Code
<div align="center"> <html> <head> <script type="text/javascript" src="/ADMIN/reflection.js"></script> <script src="/ADMIN/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript" src="/iload/jquery.js"></script> <script type="text/javascript" src="/iload/iload.js"></script> <link type="text/css" rel="StyleSheet" href="http://artdesigns.ucoz.com/_st/my.css" /> <link type="text/css" rel="StyleSheet" href="/css/templates/home.css"> <link type="text/css" rel="StyleSheet" href="/css/slidepanel.css"> <title>ArtDesigns</title> </head> <body style="background:url('http://artdesigns.ucoz.com/_tbkp2/newic.png') center #000000; padding:0px; background-repeat:no-repeat;"> <div id="content"> <div id="dataBar" style="display:none;"> </div> <div style="clear:both;"></div> <!-- /Header --> <!-- Body --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:0px 10px 0px 0px;">$CONTENT$</td> <td valign="top" style="width:0px;"> </tr> </table><img src="http://artdesigns.ucoz.com/_tbkp2/adhomebutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/adhomebutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/adhomebutt.png'" style="margin-left:740px;margin-top:-50px" border="0" alt="" /></br><img src="http://artdesigns.ucoz.com/_tbkp2/blogbutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/blogbutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/blogbutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br><img src="http://artdesigns.ucoz.com/_tbkp2/storebutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/storebutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/storebutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br><img src="http://artdesigns.ucoz.com/_tbkp2/videobutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/videobutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/videobutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br> <img src="http://artdesigns.ucoz.com/_tbkp2/imgbutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/imgbutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/imgbutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br><img src="http://artdesigns.ucoz.com/_tbkp2/musicbutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/musicbutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/musicbutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br><img src="http://artdesigns.ucoz.com/_tbkp2/photobutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/photobutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/photobutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br><img src="http://artdesigns.ucoz.com/_tbkp2/adsbutt.png" onmouseover="this.src='http://artdesigns.ucoz.com/_tbkp2/adsbutt2.png'" onmouseout="this.src='http://artdesigns.ucoz.com/_tbkp2/adsbutt.png'" style="margin-left:740px;margin-top:5px" border="0" alt="" /></br> <!-- /Body --> <!-- Footer --> <br /><div style="margin-top:98px;float:right;margin-right:8px;">$POWERED_BY$</div> <!-- /Footer --> </div> </div> </body> <img src="http://artdesigns.ucoz.com/_tbkp2/lefto.png" style="margin-left:-9px;margin-top:-990px;" border="0" alt="" /> </html> </div>
Я точно немогу понять изза чего собственно проблема произошла, изза какого-то margin(a) 100% но незнаю изза какого точно. Прошу помощи.
Vanofuture
молчун
Группа: Пользователи
Пользователь №: 35
Сообщений: 27
Получено оценок: 2
Код — ужас. html в div , img после body , таблицы, дивы, onmouseover , onmouseout , jq 2 раза, закрывающие теги br , inline-стили…странно что это вообще как-то пашет…
ad
Группа: Удаленные
Vanofuture , за div спасибо что напомнил, осталось после прошлого шаблона который отчаяно нуждался в нем, но этот нет. Но вообще я просил помощи а не проверки кода на валидность.
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (Vanofuture )
закрывающие теги br
В некоторых доктайпах это обязательно. Правда отмаза слабая) ad , могу тебя успокоить. У меня этот треш не пашет ни в одном браузере. А вот фончик там красивый, нодо будет выдрать...Бесплатные обои.
Vanofuture
молчун
Группа: Пользователи
Пользователь №: 35
Сообщений: 27
Получено оценок: 2
Quote (Aleko )
В некоторых доктайпах это обязательно
Именно вот так: </ br> ? Сообщение отредактировал Vanofuture - Четверг, 17.09.2009, 12:49
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Vanofuture , лол, я не посмотрел)Бесплатные обои.
ad
Группа: Удаленные
Как шаб то под все браузеры адаптировать ?
dancelot
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
Quote (ad )
Как шаб то под все браузеры адаптировать ?
гугли хаки в интернете
ad
Группа: Удаленные
Aleko , Поможеш ? Как мне это меню гребаное подстроить под все ?
vladko95
Группа: Проверенные
Пользователь №: 51
Сообщений: 121
Получено оценок: 6
сейчас мало кто пользуется интернет експлорером...я б не стал так заморачиватся... да кстате если не ошибаюсь то использование тегов после закрывающего </html> являеццо оч грубой ошибкой
ad
Группа: Удаленные
vladko95 , Если говорить с точки зрения валидности то ты прав, но она не всегда является важной состовляющей шаблона, так что я себе позволил так поступить да еще и потому что сайт еще не был открыт.