Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.07.2011, 19:24
Новичок на форуме
Отправить личное сообщение для Webkraft Посмотреть профиль Найти все сообщения от Webkraft
 
Регистрация: 22.07.2011
Сообщений: 6

Не отрабатывает позиционирование в случае screenюцшвер >=
Помогите пожалуйста пытаюсь научить ресурс подстраиваться под разрешение юзера а работать оно у меня не хочет....

Воть код:

<!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>Yamaha motors</title>
<link href="yamaha.css" rel="stylesheet" type="text/css" />
<link href="yamaha.js" rel="edit" type="text/javascript" />

<script type="text/javascript">
if (screen.width >= 1600) document.getElementById('yamaha').style.left="15%"; document.getElementById('menuholder').style.left=" 15%"; document.getElementById('mainblocholder').style.le ft="15%"; document.getElementById('mainblocholder').style.to p="56%";
else if (screen.width >= 1280 && screen.width < 1600) document.getElementById('yamaha').style.left="5%"; document.getElementById('menuholder').style.left=" 5%"; document.getElementById('mainblocholder').style.le ft="5%"; document.getElementById('mainblocholder').style.to p="46%";
else if (screen.width >=1024 && screen.width < 1280) document.getElementById('yamaha').style.left="0%"; document.getElementById('menuholder').style.left=" 0%"; document.getElementById('mainblocholder').style.le ft="0%"; document.getElementById('mainblocholder').style.to p="46%"; document.getElementById('yamaha').style.top="5px";document.getElementById(menuholder).style.top="90" ;
</script>

<style>
#mbcg { width: 100%;
height: 100%;
background-image:url(Yamaha-site-mainBCG.PNG);
background-repeat:no-repeat;
background-size: 100%;
position:absolute;
top:0;
left:0;
z-index: 1;
}

#yamaha { position:absolute;
top: 5px;
left:0%;
z-index: 2;}

#menuholder { width:685px;
height:74px;
background-image:url(Yamaha-site-mainv2_03.png);
background-repeat:no-repeat;
position:absolute;
top:90px;
left:0%;
z-index:2;}

#mainblocholder { width:100%px;
height:100%px;
position:absolute;
top:46%;
left:0%;
z-index:2;}

#mainblock { width: 825px;
height:409px;
background-image:url(Yamaha-site-main_11.png);
background-repeat:repeat;
float:left;}

#submenu { width:175px;
height:409px;
background-image:url(Yamaha-site-main013.png);
background-repeat:no-repeat;
float:left}
</style>
</head>
<body>
<div id="mbcg">
<img src="Yamaha-site-main3.png" id="yamaha" />
<div id="menuholder">
</div>
<div id="mainblocholder">
<div id="mainblock">
</div>
<div id="submenu">
</div>
</div>
</div>
</body>
</html>

Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск