Просмотр веб-страницы по-разному в разных разрешениях?

Вид моей веб-страницы отличается в разных разрешениях. Я использую MS Superpreview для тестирования. Вот скриншоты в 1024х768 и 1280х1024.

https://dl.dropboxusercontent.com/u/27899629/stack/1024x768.png

https://dl.dropboxusercontent.com/u/27899629/stack/1280x1024.png

Вот код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spanchem - Chemical Cleaning Services, Mumbai India</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen, projection"/>

<!--[if IE 6]>
<![endif]-->


<style type="text/css">

img#pngfix { behavior: url(iepngfix/iepngfix.htc) }

#header {

}

 #header_bg{
background:url(images/header_bg.png) no-repeat; 
width:100%; 
min-height:171px; 
height:auto !important;
height:171px;
z-index:9999; 
border:1px solid red;

}

#top_menu {
left:435px;
position:relative;
top:-115px;
z-index:-999;
color:blue;
}

</style>
</head>

<body>

<div id="header">
<div id="header_bg" ></div>
<div id="top_menu"><img src="images/menu_bg.png" id="pngfix"/></div>

  <div id="m_banner">Banner</div>
</div>
</body>
</html>

Я хотел бы узнать причину, по которой мои страницы отображаются по-разному при разных разрешениях и как это исправить.

0 ответов

Другие вопросы по тегам