HTML-сайт - совместимость с браузером

У меня возникли проблемы с дизайном веб-сайта, и я понятия не имею, как их решить. Основная проблема - совместимость браузеров. Вот код HTML, он также содержит 2 файла css и один файл javascript, который я не буду публиковать, так как они, вероятно, занимают слишком много места.HTML-сайт - совместимость с браузером

<html> 

<head> 
<title>Quote genrator</title> 
<meta name="keywords" content="quotes"> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8"> 

<link href="style.css" rel="stylesheet" type="text/css"> 
<style type="text/css"> 
@import url(menu/menu_style.css); 
</style> 
</head> 

<body> 

<div id="page"> 
<a href="ch25.html"><IMG class="logo" SRC="images/logo2.png" height=70 alt="images/logo2.png"></a> 
<br> 

<ul id="menu"> 

<li><a href="#" title="Home">Home</a></li> 

<li><a href="#" title="About us">About us</a></li> 

<li><a href="#" title="Disclaimer">Disclaimer</a></li> 

<li><a href="#" title="Contact us">Contact us</a></li> 

<li><a href="#" title="Submit a qoute">Submit a quote</a></li> 
</ul> 


<p class="margin big auto">How do you feel about this quote<br> 
<span style="color:black"><script language="javascript" src="quotes.js" type="text/javascript"></script></span> </p> 

<div style="top: 370; position: absolute; visibility: show;"> 
<span style="cursorointer"><a href="ChAcc.html"><IMG class="margin opacity" SRC="images/smf.png" height=70 

alt="images/smf.png"></a></span> 
</div> 

<div style="top: 370; left: 150; position: absolute; visibility: show;"> 
<span style="cursorointer"><a href="ch25.html"><IMG class="margin opacity" SRC="images/saf.png" height=70 

alt="images/saf.png"></a></span> 
</div> 
</div> 

</body> 

</html>

Вот скриншоты моего сайта:

светлячок http://img40.imageshack.us/img40/5485/13162041.png
Internet Explorer: http://img861.imageshack.us/img861/8895/30286878.png

Я хотел бы сайт можно увидеть в IE s s как это видно на FX, но проблема в том, что IE не обнаруживает javascript-код, два изображения и позиции #page (белая часть) с левой стороны. Я попытался решить эту проблему с помощью тегов DOCTYPE, но не могу найти правильный. Какие-либо предложения?

источник

2012-04-02 Mike Roberts

Режим рендеринга стандартов - это первый (а иногда и единственный) шаг для достижения совместимости между браузерами. Попробуйте '' в начале вашей разметки. – duri

дать margin:o auto; к вашим #page, может быть, это будет работать для вас

источник

2012-04-02 09:30:42

Значение 'auto' свойства' margin' не работает в режиме quirks IE. – duri

перейдите по ссылке 'http: // stackoverflow.com/questions/4742877/center-align-div-in-internet-explorer' –

Я не знаю, о позиции изображения (IE ошибки просто слишком раздражающий для отслеживания), но причина его не обнаружением JavaScript прямо перед вами. Похоже, вы получаете доступ к своей веб-странице со своего локального диска. В этом случае IE блокирует JS-код. Нажмите желтую полосу и выберите «разрешить ...» или подобное сообщение.

источник

2012-04-02 09:30:47

HTML-сайт - совместимость с браузером

ответ

Смежные вопросы