Перейти к содержимому


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 96 Вне конкурса за определение пользователя месяца

  • Фотография yuran
    #2

    yuran (yurbol.ru)
    Очков активности: 81 0 тем, 54 сообщения, 1 балл репутации

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 51 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 42 0 тем, 28 сообщений, 1 балл репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 39 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 31.5 2 темы, 15 сообщений, 1 балл репутации

  • Фотография алексс
    #8

    алексс
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

  • Фотография Mariko
    #9

    Mariko
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография RosenRot
    #10

    RosenRot (abuzov.com)
    Очков активности: 13.5 1 тема, 6 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 15.11.2018
Топ 5 участников по репутации


Сайт отображается в разных браузерах по-разному

#1 Kolovrat

Kolovrat
  • Заблокированные
  • 61 сообщений
  • Репутация: 0
0

Отправлено 09 April 2012 - 18:45

Создавал сайт пользуясь мозилой, то-есть проверял расстановку объектов в мозиле, а когда открыл в IE произошел пи....ц ^_^
все растянутое и кривое :( я все размеры указывал в пикселях, а сейчас решил попробовать изменить на проценты в надежде что их браузеры будут понимать нормально, но мои молитвы не оправдались :) все равно все криво....

может кто-то знает как подогнать под все браузеры CSS только без проверки на браузер, а то нет сейчас времени несколько разных шаблонов писать????

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 19:51

Kolovrat,
Пиксели и проценты тут ни при чем.

Существует такое понятие как кроссбраузерная верстка. Это отдельный раздел при изучении HTML и CSS.
По большей части это понятие относится к особенностям отображения различных элементов в разных версиях IE, ибо этот браузер в свое время был на столько доминирующим на рынке браузеров, что его разработчики не только не считали нужным придерживаться стандартов, но и регулярно придумывали свои собственные стандарты, которые другие разработчики не всегда спешили соблюдать. Хотя и в других браузерах есть свои "прибабахи", их не так много по причине меньшей популярности других браузеров, но и там они есть. Так же это относится к новым и еще малораспространенным стандартам, таким как CSS3 и HTML5.

При верстке _необходимо_ учитывать эти особенности. Их довольно много, запомнить все наизусть почти невозможно, проще при верстке сразу отсматривать результат в самых проблемных и популярных браузерах: IE6-9, FF, Opera, Chrome, Safari, чтобы либо исключить проблемные места верстки, либо сразу сверстать кроссбраузерно, либо подыскать так называемый "хак", исправляющий проблемную верстку.

Короче, либо показывайте ваш косячный код, и если там не слишком наворочено, то попробуем исправить, либо беритесь за учебник/справочник/гугл и изучайте вопрос про кроссбраузерную верстку и "хаки" для разных браузеров.
  • 2

#3 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 20:06

ща кину код, поищу урок по этой теме, а если не сложно подкиньте пожалуйста мне хороший на ваш взгляд урок (если знаете таковой)

/* ГОЛОВА */
#shapka
{
width:100%;
height:22.9%;
background: url(http://s019.radikal.ru/i630/1204/a2/371ad08eae1b.png);
background-color: #87CEFA;
}
/* КОНТЕНТ */
#container
{
margin: 0;
padding: 0;
}
#kontent
{
margin: 1%;
position:relative;
}
#glavnaya, #glavnaya_2
{
width: 47%;
padding: 0.5%;
position: absolute;
top: 0px;
}
#glavnaya
{
left: 0px;
}
#glavnaya_2
{
right: 0px;
}
#pict
{
position: absolute;
left:27%;
top:5%;
width:50%;
position: fixed;
visibility: hidden;
z-index: 5;
}
#pictures
{
margin: 1%;
}
/* МЕНЮ САЙТА */
#knopki, #knopki2
{
text-align:center;
Font-weight: bolder;
padding: 5px;
height: 23px;
width: 194px;
}
#knopki
{
float: right;
}
#knopki2
{
background-color: #7ca5f7;
width: 195px;
}
#menu, #holding, #st, #perspectiva
{
position: absolute;
}
#holding
{
padding: 5px;
visibility: hidden;
right: 198px;
top: 28;
z-index:2;
}
#st
{
padding: 5px;
visibility: hidden;
right: 403px;
top: 28;
z-index:3;
}
#perspectiva
{
padding: 5px;
visibility: hidden;
right: 403px;
top: 61;
z-index:4;
}
#menu
{
right: 0px;
margin-top: 172px;
z-index:1;
}
#menu a
{
text-decoration:none;
display:block;
color: blue;
}
#knopki:hover
{
background: url(http://s019.radikal.ru/i624/1204/56/ea48009913b5.png);
}
#knopki2:hover
{
background-color: #79b9fd;
}

  • 0

#4 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 20:09

Kolovrat,
Тут скорее не урок нужен, а справочник с подборкой кроссбраузерных решений и хаков.
Мне, например, нравится этот: HTML и CSS приемы см раздел "Лекарства для".
  • 1

#5 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 20:15

ок спс) ща вот нашел какой то урок по этой теме - хоть пойму суть верстки =) а потом почитаю вашу ссылку. если не сложно посмотрите что можно с моим кодом сделать

P.S. главное что бы он нормально отображался в мозиле и IE. Сайт делаю матери для работы, ей сейчас надо туда инфу выложить которую администрация будет проверять а у них восновном IE
  • 0

#6 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 20:17

Kolovrat
а HTML где?
  • 0

#7 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 20:22

один момент. забыл ^_^

сайт стоит на юкозе, по этому сделал в таком виде

общий шаблон
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript" src="/script.js"></script>
</head>
<body bgcolor="eaeef5" id="container">
$ADMIN_BAR$
$GLOBAL_CLEFTER$
$GLOBAL_AHEADER$
<div id="kontent">$CONTENT$</div>
<?if((1+2)==10)?>$POWERED_BY$<?endif?>
</body>
</html>

меню
<div id="menu">
<div id="knopki"><a href=$HOME_PAGE_LINK$>Главная</a></div>
<div id="knopki"><a onClick="MenuAction(1);">Холдинг</a></div>
<div id="holding">
<a onClick="MenuAction(2);" id="knopki2">Современные Технологии</a>
<a onClick="MenuAction(3);" id="knopki2">Перспектива</a>
</div>
<div id="st">
<a href="http://new-techno.ucoz.ru/index/o_kompanii/0-13" id="knopki2">О компании</a>
<a href="http://new-techno.ucoz.ru/index/uslugi_i_tarify/0-14" id="knopki2">Услуги и тарифы</a>
<a href="http://new-techno.ucoz.ru/index/itogi_raboty/0-15" id="knopki2">Итоги работы</a>
</div>
<div id="perspectiva">
<a href="http://new-techno.ucoz.ru/index/o_kompanii/0-16" id="knopki2">О компании</a>
<a href="http://new-techno.ucoz.ru/index/uslugi_i_tarify/0-17" id="knopki2">Услуги и тарифы</a>
<a href="http://new-techno.ucoz.ru/index/itogi_raboty/0-18" id="knopki2">Итоги работы</a>
</div>
</div>

  • 0

#8 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 20:26

Нет. Юкозовский шаблон не нужен.
Мне его некуда подставлять.

Нужен код готовой страницы с косяками.
Плюс перечень того, что не так и как оно должно по-вашему быть. Чтоб не искать.
  • 0

#9 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 20:31

new-techno.ucoz.ru вот можете глянуть. проблема в том что например на главной странице есть два блока и они получаются больше чем должны быть и залазиют на друг друга. а так же с шапкой получается, она слишком большая. с меню тоже косяк. когда открываешь подменю оно должно быть с отступом, так вот у меня отступ нормальный а в IE больше чем надо. то-есть позиционарование везде глючит
  • 0

#10 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 20:48

Однако.
Тихий ужас, а не верстка:
* нет доктайпа
* куски кода и стилей за пределами тела документа <html></html>
* несколько тэгов <body></body>

каждого из этих моментов достаточно, чтобы перекосить страницу как угодно.

К сожалению, у вас как раз случай, когда наворочено так, что проще заново написать, чем исправлять ошибки.
  • 0

#11 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 21:18

вы меня опечалили =) это мой первый код ^_^ ну ща попробую подправить но таких ошибок как вы показали я че то не замечал. или может вы имели в виду код меню? я посчитал что там эти теги не обязательны так ка в уроке по PHP было написано что говоря простым языком код из указанного файла тупо вставляется в указанное место, на сколько я понимаю на юкозе так это и делается

но я не могу найти несколько тегов body. не подскажете где они?
  • 0

#12 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 21:39

но я не могу найти несколько тегов body. не подскажете где они?

43 строка
<body bgcolor="eaeef5" id="container">
46 строка
<body>
81 строка
<body bgcolor="#FFFFFF" text="#1f497d">

  • 0

#13 Positive_Fun

Positive_Fun
  • Неактивные
  • 5 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 21:55

Ctrl + F уже не в моде?))))
  • 0

#14 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 09 April 2012 - 22:03

yury, я в шоке где вы это нашли? О_о киньте фрагмент текста. я не могу понять от куда это
  • 0

#15 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 April 2012 - 22:56

yury, я в шоке где вы это нашли? О_о киньте фрагмент текста. я не могу понять от куда это

* Открываем Мозилой ваш сайт new-techno.ucoz.ru
* Щелкаем правой клавишей мыши по экрану сайта — В контекстном меню выбираем пункт "Исходный код страницы" и видим вот это безобразие:
<div id="aba7bbf58bf4d5ae5c162f4daf07708b2"><style type="text/css">.caaLKJKZO {position:absolute;right:0px;top:0px;z-index:10000;} div > div.caaLKJKZO {position:fixed;}</style>
<script type="text/javascript">function faaLKJKZO(a){try{document.getElementById("paaLKJKZO").style.display=a;}catch(e){}try{document.getElementById("aaLKJKZO").style.display=a;}catch(e){}}function f2aaLKJKZO(){faaLKJKZO('');} new Image().src = "http://counter.yadro.ru/hit;ucoznet2?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";"+Math.random();</script> <div id="paaLKJKZO" class="caaLKJKZO">
<style type="text/css">
a.a-close-link {font: 10px/14px 'Tahoma', 'Arial' !important;color: #3e3e3e !important;text-decoration: underline !important;margin: 0 !important;background:#ffffff;border-radius:3px;-moz-border-radius:3px;padding:0 4px;}
a.a-close-link:hover {text-decoration: none !important;}
a.a-buttons {color: #3e3e3e !important;text-transform: uppercase !important;font: 14px/25px 'Tahoma', 'Trebuchet MS', 'Arial' !important;text-shadow: 0 1px 1px #fff;text-decoration: none !important;display: block;height: 25px !important;margin: 3px 0 !important;}
a.a-buttons span {display: block !important;text-align: center !important;height:25px;line-height: 23px !important;padding: 0 0 0 12px !important;}
a.a-buttons span span {}
a.green-but {background: url(http://s55.ucoz.net/ucoz/img/uads/a-buttons.png) no-repeat right -25px;padding-right: 7px;}
a.green-but span {background: url(http://s55.ucoz.net/ucoz/img/uads/a-buttons.png) no-repeat;}
a.blue-but {background: url(http://s55.ucoz.net/ucoz/img/uads/a-buttons.png) no-repeat right -75px;padding-right: 7px;}
a.blue-but span {background: url(http://s55.ucoz.net/ucoz/img/uads/a-buttons.png) no-repeat 0 -50px;}
a.a-buttons.a-check span span {background: url(http://s55.ucoz.net/ucoz/img/uads/b-ico-check.png) no-repeat 0 5px;}
a.a-buttons.a-clock span span {background: url(http://s55.ucoz.net/ucoz/img/uads/b-ico-clock.png) no-repeat 0 5px;}
</style>
<table border="0" cellspacing="0" cellpadding="0" id="aaLKJKZO" style="z-index:10000;width:282px">
<tr>
<td valign="top" width="12"><a href=" onclick="faaLKJKZO('none');return false;" title="Закрыть"><img alt=" src="http://s55.ucoz.net/img/ma/cv.gif" style="border:0;width:12px;height:54px;margin-top:31px;"></a></td>
<td id="advtd" width="270" style="background:#fff;"><a href=" onclick="new _uWnd('SMSPAYFORM', 'Отключение рекламы', -550, -400, {resize:0,autosize:0,align:'justify'},
{   url: 'http://s0.ucoz.net/cgi/ucozads.fcg?a=payform_p0',
    type: 'GET',
    data: '',
    timeout: 20000,
    dataType: 'jsonp',
    success: function(data){
	    if(this.wnd>0 && _uWnd.all[this.wnd]) _uWnd.all[this.wnd].content(data.PAYFORM);
    }
});return false;" title="Отключить рекламу на всех сайтах системы uCoz" class="a-buttons green-but a-clock"><span><span>Отключить рекламу</span></span></a>
<script type="text/javascript" src="http://u-mrx.addflow.ru/mrx.js?p=2"></script>
<a href="http://www.ucoz.ru/?pguid=882644864" target="_blank" class="a-buttons blue-but a-check"><span><span>Создать сайт бесплатно</span></span></a>
</td></tr>
</table></div></div><div><script type="text/javascript" src="http://s55.ucoz.net/cgi/uutils.fcg?a=ucozads_isoff&s=new-techno.ucoz.ru"></script></div><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Главная страница</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript" src="/script.js"></script>
<link type="text/css" rel="StyleSheet" href="http://s55.ucoz.net/src/layer1.css" />
<script type="text/javascript" src="http://s55.ucoz.net/src/jquery-1.3.2.js"></script><script type="text/javascript" src="http://s55.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>
<body bgcolor="eaeef5" id="container">
<div id="utbr8214" rel="s55"></div>
<!--U1CLEFTER1Z--><html>
<body>
<div id="menu">
<div id="knopki"><a href=http://new-techno.ucoz.ru/>Главная</a></div>
<div id="knopki"><a onClick="MenuAction(1);">Холдинг</a></div>
<div id="holding">
<a onClick="MenuAction(2);" id="knopki2">Современные Технологии</a>
<a onClick="MenuAction(3);" id="knopki2">Перспектива</a>
</div>
<div id="st">
<a href="http://new-techno.ucoz.ru/index/o_kompanii/0-13" id="knopki2">О компании</a>
<a href="http://new-techno.ucoz.ru/index/uslugi_i_tarify/0-14" id="knopki2">Услуги и тарифы</a>
<a href="http://new-techno.ucoz.ru/index/itogi_raboty/0-15" id="knopki2">Итоги работы</a>
</div>
<div id="perspectiva">
<a href="http://new-techno.ucoz.ru/index/o_kompanii/0-16" id="knopki2">О компании</a>
<a href="http://new-techno.ucoz.ru/index/uslugi_i_tarify/0-17" id="knopki2">Услуги и тарифы</a>
<a href="http://new-techno.ucoz.ru/index/itogi_raboty/0-18" id="knopki2">Итоги работы</a>
</div>
</div>
</body>
</html><!--/U1CLEFTER1Z-->
<!--U1AHEADER1Z--><div id="shapka" onMouseOver="MenuClose(0);"></div><!--/U1AHEADER1Z-->
<div id="kontent"><div id="glavnaya"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta content="TX14_HTM 14.0.236.500" name=GENERATOR>
<title>Краснодарский край</title>
<base href="file:///G:/&#1042;&#1089;&#1077;%20&#1076;&#1083;&#1103;%20&#1089;&#1072;&#1081;&#1090;&#1072;/&#1085;&#1072;%20&#1075;&#1083;&#1072;&#1074;&#1085;&#1091;&#1102;/">
</head>
<body bgcolor="#FFFFFF" text="#1f497d">
<p style="text-align: left;"><span style="font-size:14pt;">&#9;&#9; </span></p><p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1054;&#1073;&#1097;&#1077;&#1089;&#1090;&#1074;&#1086; &#1089; &#1086;&#1075;&#1088;&#1072;&#1085;&#1080;&#1095;&#1077;&#1085;&#1085;&#1086;&#1081; &#1086;&#1090;&#1074;&#1077;&#1090;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1086;&#1089;&#1090;&#1100;&#1102; </span><span style="font-size:14pt;"><b>&laquo;&#1057;&#1086;&#1074;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1077; &#1058;&#1077;&#1093;&#1085;&#1086;&#1083;&#1086;&#1075;&#1080;&#1080;&raquo;</b></span><span style="font-size:14pt;"> &#1089;&#1086;&#1079;&#1076;&#1072;&#1085;&#1086; 22 &#1086;&#1082;&#1090;&#1103;&#1073;&#1088;&#1103; 2004 &#1075;&#1086;&#1076;&#1072;. </span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1055;&#1088;&#1077;&#1076;&#1087;&#1088;&#1080;&#1103;&#1090;&#1080;&#1077; &#1088;&#1072;&#1089;&#1087;&#1086;&#1083;&#1072;&#1075;&#1072;&#1077;&#1090;&#1089;&#1103; &#1074; &#1076;&#1074;&#1091;&#1093; &#1086;&#1092;&#1080;&#1089;&#1085;&#1099;&#1093; &#1087;&#1086;&#1084;&#1077;&#1097;&#1077;&#1085;&#1080;&#1103;&#1093; (&#1086;&#1076;&#1085;&#1086; &#1080;&#1079; &#1085;&#1080;&#1093; &#1085;&#1072;&#1093;&#1086;&#1076;&#1080;&#1090;&#1089;&#1103; &#1074; &#1089;&#1086;&#1073;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1086;&#1089;&#1090;&#1080;), &#1080;&#1084;&#1077;&#1077;&#1090;&#1089;&#1103; &#1087;&#1088;&#1086;&#1080;&#1079;&#1074;&#1086;&#1076;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1072;&#1103; &#1073;&#1072;&#1079;&#1072;: &#1089;&#1090;&#1086;&#1083;&#1103;&#1088;&#1085;&#1099;&#1081; &#1094;&#1077;&#1093;; &#1089;&#1074;&#1072;&#1088;&#1086;&#1095;&#1085;&#1099;&#1081; &#1091;&#1095;&#1072;&#1089;&#1090;&#1086;&#1082;; &#1091;&#1095;&#1072;&#1089;&#1090;&#1086;&#1082; &#1087;&#1088;&#1086;&#1080;&#1079;&#1074;&#1086;&#1076;&#1089;&#1090;&#1074;&#1072; &#1086;&#1073;&#1083;&#1080;&#1094;&#1086;&#1074;&#1086;&#1095;&#1085;&#1086;&#1081; &#1080; &#1090;&#1088;&#1086;&#1090;&#1091;&#1072;&#1088;&#1085;&#1086;&#1081; &#1087;&#1083;&#1080;&#1090;&#1082;&#1080;; &#1090;&#1088;&#1072;&#1085;&#1089;&#1087;&#1086;&#1088;&#1090;&#1085;&#1099;&#1081; &#1091;&#1095;&#1072;&#1089;&#1090;&#1086;&#1082; &ndash; 5 &#1077;&#1076;&#1080;&#1085;&#1080;&#1094; &#1090;&#1077;&#1093;&#1085;&#1080;&#1082;&#1080;. &#1055;&#1086;&#1089;&#1090;&#1088;&#1086;&#1077;&#1085;&#1072; &#1075;&#1086;&#1089;&#1090;&#1080;&#1085;&#1080;&#1094;&#1072; &#1076;&#1083;&#1103; &#1087;&#1088;&#1086;&#1078;&#1080;&#1074;&#1072;&#1085;&#1080;&#1103; &#1088;&#1072;&#1073;&#1086;&#1095;&#1080;&#1093;, &#1088;&#1072;&#1073;&#1086;&#1090;&#1072;&#1102;&#1097;&#1080;&#1093; &#1074;&#1072;&#1093;&#1090;&#1086;&#1074;&#1099;&#1084; &#1084;&#1077;&#1090;&#1086;&#1076;&#1086;&#1084;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1042; &#1085;&#1072;&#1089;&#1090;&#1086;&#1103;&#1097;&#1077;&#1077; &#1074;&#1088;&#1077;&#1084;&#1103; &#1087;&#1086; &#1089;&#1080;&#1089;&#1090;&#1077;&#1084;&#1077; &#1051;&#1080;&#1079;&#1080;&#1085;&#1075; &#1089;&#1084;&#1086;&#1085;&#1090;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1072; &#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1082;&#1072; &#1087;&#1086; &#1087;&#1088;&#1086;&#1080;&#1079;&#1074;&#1086;&#1076;&#1089;&#1090;&#1074;&#1091; &#1073;&#1077;&#1090;&#1086;&#1085;&#1072;, &#1087;&#1088;&#1086;&#1080;&#1079;&#1074;&#1086;&#1076;&#1080;&#1090;&#1077;&#1083;&#1100;&#1085;&#1086;&#1089;&#1090;&#1100;&#1102; 60 &#1082;&#1091;&#1073;.&#1084; &#1074; &#1095;&#1072;&#1089;, &#1087;&#1088;&#1080;&#1086;&#1073;&#1088;&#1077;&#1090;&#1077;&#1085; &#1072;&#1074;&#1090;&#1086;&#1087;&#1086;&#1075;&#1088;&#1091;&#1079;&#1095;&#1080;&#1082;. &#1042;&#1099;&#1087;&#1091;&#1089;&#1082; &#1087;&#1088;&#1086;&#1076;&#1091;&#1082;&#1094;&#1080;&#1080; &#1085;&#1072;&#1095;&#1080;&#1085;&#1072;&#1077;&#1090;&#1089;&#1103; &#1089; 01 &#1103;&#1085;&#1074;&#1072;&#1088;&#1103; 2012 &#1075;&#1086;&#1076;&#1072;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1064;&#1090;&#1072;&#1090; &#1089;&#1086;&#1090;&#1088;&#1091;&#1076;&#1085;&#1080;&#1082;&#1086;&#1074; &#1087;&#1088;&#1077;&#1076;&#1087;&#1088;&#1080;&#1103;&#1090;&#1080;&#1103; &ndash; 24 &#1089;&#1087;&#1077;&#1094;&#1080;&#1072;&#1083;&#1080;&#1089;&#1090;&#1072;, &#1087;&#1088;&#1080; &#1079;&#1072;&#1082;&#1083;&#1102;&#1095;&#1077;&#1085;&#1080;&#1080; &#1076;&#1086;&#1075;&#1086;&#1074;&#1086;&#1088;&#1086;&#1074; &#1087;&#1086;&#1076;&#1088;&#1103;&#1076;&#1072; (&#1089;&#1091;&#1073;&#1087;&#1086;&#1076;&#1088;&#1103;&#1076;&#1072;) &#1076;&#1086;&#1087;&#1086;&#1083;&#1085;&#1080;&#1090;&#1077;&#1083;&#1100;&#1085;&#1086; &#1087;&#1088;&#1080;&#1074;&#1083;&#1077;&#1082;&#1072;&#1102;&#1090;&#1089;&#1103; &#1088;&#1072;&#1073;&#1086;&#1090;&#1085;&#1080;&#1082;&#1080; &#1087;&#1086; &#1089;&#1088;&#1086;&#1095;&#1085;&#1099;&#1084; &#1090;&#1088;&#1091;&#1076;&#1086;&#1074;&#1099;&#1084; &#1076;&#1086;&#1075;&#1086;&#1074;&#1086;&#1088;&#1072;&#1084;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1054;&#1089;&#1085;&#1086;&#1074;&#1085;&#1086;&#1081; &#1076;&#1077;&#1103;&#1090;&#1077;&#1083;&#1100;&#1085;&#1086;&#1089;&#1090;&#1100;&#1102; &#1087;&#1088;&#1077;&#1076;&#1087;&#1088;&#1080;&#1103;&#1090;&#1080;&#1103; &#1103;&#1074;&#1083;&#1103;&#1077;&#1090;&#1089;&#1103; &#1089;&#1090;&#1088;&#1086;&#1080;&#1090;&#1077;&#1083;&#1100;&#1089;&#1090;&#1074;&#1086;, &#1088;&#1077;&#1082;&#1086;&#1085;&#1089;&#1090;&#1088;&#1091;&#1082;&#1094;&#1080;&#1103; &#1080; &#1082;&#1072;&#1087;&#1080;&#1090;&#1072;&#1083;&#1100;&#1085;&#1099;&#1081; &#1088;&#1077;&#1084;&#1086;&#1085;&#1090; &#1079;&#1076;&#1072;&#1085;&#1080;&#1081; &#1080; &#1089;&#1086;&#1086;&#1088;&#1091;&#1078;&#1077;&#1085;&#1080;&#1081;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1054;&#1054;&#1054; &laquo;&#1057;&#1086;&#1074;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1077; &#1058;&#1077;&#1093;&#1085;&#1086;&#1083;&#1086;&#1075;&#1080;&#1080;&raquo; &#1103;&#1074;&#1083;&#1103;&#1077;&#1090;&#1089;&#1103; &#1095;&#1083;&#1077;&#1085;&#1086;&#1084; &#1057;&#1072;&#1084;&#1086;&#1088;&#1077;&#1075;&#1091;&#1083;&#1080;&#1088;&#1091;&#1077;&#1084;&#1086;&#1081; &#1086;&#1088;&#1075;&#1072;&#1085;&#1080;&#1079;&#1072;&#1094;&#1080;&#1080; &#1053;&#1077;&#1082;&#1086;&#1084;&#1084;&#1077;&#1088;&#1095;&#1077;&#1089;&#1082;&#1086;&#1077; &#1087;&#1072;&#1088;&#1090;&#1085;&#1077;&#1088;&#1089;&#1090;&#1074;&#1086; &laquo;&#1054;&#1073;&#1098;&#1077;&#1076;&#1080;&#1085;&#1077;&#1085;&#1080;&#1077; &#1089;&#1090;&#1088;&#1086;&#1080;&#1090;&#1077;&#1083;&#1077;&#1081; &#1070;&#1078;&#1085;&#1086;&#1075;&#1086; &#1080; &#1057;&#1077;&#1074;&#1077;&#1088;&#1086;-&#1050;&#1072;&#1074;&#1082;&#1072;&#1079;&#1089;&#1082;&#1086;&#1075;&#1086; &#1086;&#1082;&#1088;&#1091;&#1075;&#1086;&#1074;&raquo; (&#1057;&#1056;&#1054;-&#1057;-031_25082009), &#1089;&#1074;&#1080;&#1076;&#1077;&#1090;&#1077;&#1083;&#1100;&#1089;&#1090;&#1074;&#1086; &#1086; &#1076;&#1086;&#1087;&#1091;&#1089;&#1082;&#1077; &#1082; &#1088;&#1072;&#1073;&#1086;&#1090;&#1072;&#1084; &#8470; 1372,03-2010-23201246601-&#1057;-031 (&#1082;&#1086;&#1087;&#1080;&#1080; &#1087;&#1088;&#1080;&#1083;&#1072;&#1075;&#1072;&#1102;&#1090;&#1089;&#1103;).</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1057; 2004 &#1075;&#1086;&#1076;&#1072; &#1074;&#1099;&#1087;&#1086;&#1083;&#1085;&#1103;&#1083;&#1080;&#1089;&#1100; &#1088;&#1072;&#1073;&#1086;&#1090;&#1099; &#1087;&#1086; &#1082;&#1072;&#1087;&#1080;&#1090;&#1072;&#1083;&#1100;&#1085;&#1086;&#1084;&#1091; &#1088;&#1077;&#1084;&#1086;&#1085;&#1090;&#1091;; &#1088;&#1077;&#1084;&#1086;&#1085;&#1090;&#1091; &#1082;&#1088;&#1086;&#1074;&#1077;&#1083;&#1100;, &#1092;&#1072;&#1089;&#1072;&#1076;&#1086;&#1074; &#1079;&#1076;&#1072;&#1085;&#1080;&#1081;; &#1089;&#1072;&#1085;&#1090;&#1077;&#1093;&#1085;&#1080;&#1095;&#1077;&#1089;&#1082;&#1086;&#1084;&#1091; &#1084;&#1086;&#1085;&#1090;&#1072;&#1078;&#1091; &#1080; &#1101;&#1083;&#1077;&#1082;&#1090;&#1088;&#1086;&#1084;&#1086;&#1085;&#1090;&#1072;&#1078;&#1091;; &#1073;&#1083;&#1072;&#1075;&#1086;&#1091;&#1089;&#1090;&#1088;&#1086;&#1081;&#1089;&#1090;&#1074;&#1091; &#1080; &#1088;&#1077;&#1084;&#1086;&#1085;&#1090;&#1091; &#1085;&#1072;&#1088;&#1091;&#1078;&#1085;&#1099;&#1093; &#1089;&#1077;&#1090;&#1077;&#1081; (&#1090;&#1077;&#1087;&#1083;&#1086;&#1090;&#1088;&#1072;&#1089;&#1089;&#1099;, &#1043;&#1042;&#1057; &#1080; &#1061;&#1042;&#1057;) &#1074; &#1076;&#1086;&#1084;&#1072;&#1093; &#1084;&#1091;&#1085;&#1080;&#1094;&#1080;&#1087;&#1072;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1078;&#1080;&#1083;&#1080;&#1097;&#1085;&#1086;&#1075;&#1086; &#1092;&#1086;&#1085;&#1076;&#1072;, &#1089;&#1072;&#1085;. &laquo;&#1041;&#1077;&#1083;&#1086;&#1088;&#1091;&#1089;&#1089;&#1080;&#1103;&raquo; &#1080; &#1089;&#1072;&#1085;. &laquo;&#1055;&#1088;&#1086;&#1075;&#1088;&#1077;&#1089;&#1089;&raquo;. &#1042; &#1088;&#1072;&#1084;&#1082;&#1072;&#1093; &#1087;&#1088;&#1086;&#1075;&#1088;&#1072;&#1084;&#1084;&#1099; &#1060;&#1077;&#1076;&#1077;&#1088;&#1072;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1047;&#1072;&#1082;&#1086;&#1085;&#1072; &#8470;185-&#1060;&#1047; &#1074; 2008, 2009, 2010 &#1075;&#1086;&#1076;&#1072;&#1093; &#1087;&#1088;&#1077;&#1076;&#1087;&#1088;&#1080;&#1103;&#1090;&#1080;&#1077; &#1087;&#1088;&#1086;&#1074;&#1086;&#1076;&#1080;&#1083;&#1086; &#1082;&#1086;&#1084;&#1087;&#1083;&#1077;&#1082;&#1089;&#1085;&#1099;&#1081; &#1082;&#1072;&#1087;&#1080;&#1090;&#1072;&#1083;&#1100;&#1085;&#1099;&#1081; &#1088;&#1077;&#1084;&#1086;&#1085;&#1090; &#1078;&#1080;&#1083;&#1086;&#1075;&#1086; &#1092;&#1086;&#1085;&#1076;&#1072; &#1075;&#1086;&#1088;&#1086;&#1076;&#1072; &#1057;&#1086;&#1095;&#1080;: &#1044;&#1086;&#1085;&#1089;&#1082;&#1072;&#1103; 62, &#1057;&#1072;&#1085;&#1072;&#1090;&#1086;&#1088;&#1085;&#1072;&#1103; 23, &#1050;&#1091;&#1088;&#1086;&#1088;&#1090;&#1085;&#1099;&#1081; &#1087;&#1088;&#1086;&#1089;&#1087;&#1077;&#1082;&#1090; 99/7, &#1045;&#1089;&#1072;&#1091;&#1083;&#1077;&#1085;&#1082;&#1086; 9, &#1057;&#1083;&#1072;&#1074;&#1080;&#1085;&#1089;&#1082;&#1072;&#1103; 5. &#1056;&#1072;&#1073;&#1086;&#1090;&#1099; &#1074;&#1099;&#1087;&#1086;&#1083;&#1085;&#1103;&#1083;&#1080;&#1089;&#1100; &#1082;&#1072;&#1095;&#1077;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1086; &#1080; &#1074; &#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1083;&#1077;&#1085;&#1085;&#1099;&#1077; &#1089;&#1088;&#1086;&#1082;&#1080;, &#1087;&#1088;&#1077;&#1090;&#1077;&#1085;&#1079;&#1080;&#1081; &#1089;&#1086; &#1089;&#1090;&#1086;&#1088;&#1086;&#1085;&#1099; &#1079;&#1072;&#1082;&#1072;&#1079;&#1095;&#1080;&#1082;&#1086;&#1074; &#1085;&#1077;&#1090;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1044;&#1086;&#1087;&#1086;&#1083;&#1085;&#1080;&#1090;&#1077;&#1083;&#1100;&#1085;&#1086; &#1087;&#1088;&#1077;&#1076;&#1087;&#1088;&#1080;&#1103;&#1090;&#1080;&#1077; &#1074;&#1099;&#1087;&#1086;&#1083;&#1085;&#1103;&#1077;&#1090; &#1092;&#1091;&#1085;&#1082;&#1094;&#1080;&#1080; &#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1103;&#1102;&#1097;&#1077;&#1081; &#1082;&#1086;&#1084;&#1087;&#1072;&#1085;&#1080;&#1080; &#1074; &#1078;&#1080;&#1083;&#1080;&#1097;&#1085;&#1086;&#1084; &#1082;&#1086;&#1084;&#1087;&#1083;&#1077;&#1082;&#1089;&#1077; &#1087;&#1086; &#1091;&#1083;.&#1050;&#1083;&#1091;&#1073;&#1085;&#1080;&#1095;&#1085;&#1072;&#1103;, 32 &#1089; &#1090;&#1088;&#1077;&#1093;&#1091;&#1088;&#1086;&#1074;&#1085;&#1077;&#1074;&#1086;&#1081; &#1087;&#1072;&#1088;&#1082;&#1086;&#1074;&#1082;&#1086;&#1081; &#1080; &#1089;&#1086;&#1073;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1086;&#1081; &#1082;&#1088;&#1099;&#1096;&#1085;&#1086;&#1081; &#1082;&#1086;&#1090;&#1077;&#1083;&#1100;&#1085;&#1086;&#1081;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&nbsp;</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">25 &#1072;&#1087;&#1088;&#1077;&#1083;&#1103; 2007 &#1075;&#1086;&#1076;&#1072; &#1089;&#1086;&#1079;&#1076;&#1072;&#1085;&#1072; &#1087;&#1086;&#1076;&#1088;&#1103;&#1076;&#1085;&#1072;&#1103; &#1086;&#1088;&#1075;&#1072;&#1085;&#1080;&#1079;&#1072;&#1094;&#1080;&#1103; &#1054;&#1073;&#1097;&#1077;&#1089;&#1090;&#1074;&#1086; &#1089; &#1086;&#1075;&#1088;&#1072;&#1085;&#1080;&#1095;&#1077;&#1085;&#1085;&#1086;&#1081; &#1086;&#1090;&#1074;&#1077;&#1090;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1086;&#1089;&#1090;&#1100;&#1102;</span><span style="font-size:14pt;"><b> &laquo;&#1055;&#1077;&#1088;&#1089;&#1087;&#1077;&#1082;&#1090;&#1080;&#1074;&#1072;&raquo;</b></span><span style="font-size:14pt;"> &#1076;&#1083;&#1103; &#1086;&#1082;&#1072;&#1079;&#1072;&#1085;&#1080;&#1103; &#1089;&#1086;&#1087;&#1091;&#1090;&#1089;&#1090;&#1074;&#1091;&#1102;&#1097;&#1080;&#1093; &#1091;&#1089;&#1083;&#1091;&#1075; &#1087;&#1086; &#1086;&#1073;&#1089;&#1083;&#1091;&#1078;&#1080;&#1074;&#1072;&#1085;&#1080;&#1102; &#1078;&#1080;&#1083;&#1099;&#1093; &#1076;&#1086;&#1084;&#1086;&#1074;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1042; &#1054;&#1054;&#1054; &laquo;&#1055;&#1077;&#1088;&#1089;&#1087;&#1077;&#1082;&#1090;&#1080;&#1074;&#1072;&raquo; &#1089;&#1086;&#1079;&#1076;&#1072;&#1085;&#1072; &#1082;&#1088;&#1091;&#1075;&#1083;&#1086;&#1089;&#1091;&#1090;&#1086;&#1095;&#1085;&#1072;&#1103; &#1072;&#1074;&#1072;&#1088;&#1080;&#1081;&#1085;&#1086;-&#1076;&#1080;&#1089;&#1087;&#1077;&#1090;&#1095;&#1077;&#1088;&#1089;&#1082;&#1072;&#1103; &#1089;&#1083;&#1091;&#1078;&#1073;&#1072;, &#1082;&#1086;&#1090;&#1086;&#1088;&#1072;&#1103; &#1074; &#1085;&#1072;&#1089;&#1090;&#1086;&#1103;&#1097;&#1077;&#1077; &#1074;&#1088;&#1077;&#1084;&#1103; &#1086;&#1073;&#1089;&#1083;&#1091;&#1078;&#1080;&#1074;&#1072;&#1077;&#1090; &#1078;&#1080;&#1083;&#1086;&#1081; &#1092;&#1086;&#1085;&#1076; &#1062;&#1077;&#1085;&#1090;&#1088;&#1072;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1088;&#1072;&#1081;&#1086;&#1085;&#1072; &#1075;&#1086;&#1088;&#1086;&#1076;&#1072; &#1057;&#1086;&#1095;&#1080;. &#1047;&#1072;&#1082;&#1083;&#1102;&#1095;&#1077;&#1085;&#1099; &#1076;&#1086;&#1075;&#1086;&#1074;&#1086;&#1088;&#1099; &#1085;&#1072; &#1082;&#1088;&#1091;&#1075;&#1083;&#1086;&#1089;&#1091;&#1090;&#1086;&#1095;&#1085;&#1086;&#1077; &#1072;&#1074;&#1072;&#1088;&#1080;&#1081;&#1085;&#1086;&#1077; &#1086;&#1073;&#1089;&#1083;&#1091;&#1078;&#1080;&#1074;&#1072;&#1085;&#1080;&#1077; &#1089; &#1054;&#1054;&#1054; &laquo;&#1057;&#1086;&#1095;&#1080;&#1078;&#1080;&#1083;&#1089;&#1077;&#1088;&#1074;&#1080;&#1089;&raquo;, &#1054;&#1054;&#1054; &laquo;&#1040;&#1083;&#1100;&#1087;-&#1058;&#1086;&#1085;&raquo;, &#1054;&#1054;&#1054; &laquo;&#1044;&#1086;&#1084;&#1086;&#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1077;&#1085;&#1080;&#1077; &#1057;&#1074;&#1077;&#1090;&#1083;&#1072;&#1085;&#1072;&raquo;, &#1088;&#1072;&#1079;&#1083;&#1080;&#1095;&#1085;&#1099;&#1077; &#1076;&#1086;&#1084;&#1072; &#1089; &#1085;&#1077;&#1087;&#1086;&#1089;&#1088;&#1077;&#1076;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1086;&#1081; &#1092;&#1086;&#1088;&#1084;&#1086;&#1081; &#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1077;&#1085;&#1080;&#1103;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1043;&#1088;&#1091;&#1087;&#1087;&#1072; &#1082;&#1074;&#1072;&#1083;&#1080;&#1092;&#1080;&#1094;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1085;&#1099;&#1093; &#1101;&#1082;&#1086;&#1085;&#1086;&#1084;&#1080;&#1089;&#1090;&#1086;&#1074; &#1086;&#1082;&#1072;&#1079;&#1099;&#1074;&#1072;&#1077;&#1090; &#1091;&#1089;&#1083;&#1091;&#1075;&#1080; &#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1103;&#1102;&#1097;&#1080;&#1084; &#1082;&#1086;&#1084;&#1087;&#1072;&#1085;&#1080;&#1103;&#1084; &#1062;&#1077;&#1085;&#1090;&#1088;&#1072;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1088;&#1072;&#1081;&#1086;&#1085;&#1072; &#1075;&#1086;&#1088;&#1086;&#1076;&#1072; &#1057;&#1086;&#1095;&#1080; &#1087;&#1086; &#1074;&#1077;&#1076;&#1077;&#1085;&#1080;&#1102; &#1091;&#1095;&#1077;&#1090;&#1072; &#1085;&#1072;&#1095;&#1080;&#1089;&#1083;&#1077;&#1085;&#1080;&#1081; &#1080; &#1086;&#1087;&#1083;&#1072;&#1090;&#1077; &#1082;&#1086;&#1084;&#1084;&#1091;&#1085;&#1072;&#1083;&#1100;&#1085;&#1099;&#1093; &#1091;&#1089;&#1083;&#1091;&#1075; &#1089; &#1101;&#1082;&#1086;&#1085;&#1086;&#1084;&#1080;&#1095;&#1077;&#1089;&#1082;&#1080;&#1084; &#1072;&#1085;&#1072;&#1083;&#1080;&#1079;&#1086;&#1084; &ndash; &#1079;&#1072;&#1082;&#1083;&#1102;&#1095;&#1077;&#1085;&#1099; &#1076;&#1086;&#1075;&#1086;&#1074;&#1086;&#1088;&#1099; &#1089; &#1054;&#1054;&#1054; &laquo;&#1070;&#1075;&#1089;&#1090;&#1088;&#1086;&#1081;&#1089;&#1077;&#1088;&#1074;&#1080;&#1089;&raquo;, &#1054;&#1054;&#1054; &laquo;&#1059;&#1050; &#1052;&#1072;&#1082;&#1072;&#1088;&#1077;&#1085;&#1082;&#1086;&raquo;; &#1086;&#1082;&#1072;&#1079;&#1099;&#1074;&#1072;&#1077;&#1090; &#1091;&#1089;&#1083;&#1091;&#1075;&#1080; &#1089;&#1086;&#1087;&#1091;&#1090;&#1089;&#1090;&#1074;&#1091;&#1102;&#1097;&#1080;&#1077; &#1072;&#1091;&#1076;&#1080;&#1090;&#1091;; &#1086;&#1087;&#1090;&#1080;&#1084;&#1080;&#1079;&#1072;&#1094;&#1080;&#1103; &#1085;&#1072;&#1083;&#1086;&#1075;&#1086;&#1086;&#1073;&#1083;&#1086;&#1078;&#1077;&#1085;&#1080;&#1103; &#1080; &#1087;&#1088;&#1086;&#1095;&#1080;&#1077;.</span></p>
<p style="text-align: justify;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&#1057; &#1103;&#1085;&#1074;&#1072;&#1088;&#1103; 2010 &#1075;&#1086;&#1076;&#1072; &#1054;&#1054;&#1054; &laquo;&#1055;&#1077;&#1088;&#1089;&#1087;&#1077;&#1082;&#1090;&#1080;&#1074;&#1072;&raquo;, &#1087;&#1086; &#1076;&#1086;&#1075;&#1086;&#1074;&#1086;&#1088;&#1091; &#1089; &#1054;&#1054;&#1054; &laquo;&#1057;&#1086;&#1074;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1077; &#1058;&#1077;&#1093;&#1085;&#1086;&#1083;&#1086;&#1075;&#1080;&#1080;&raquo; &#1086;&#1082;&#1072;&#1079;&#1099;&#1074;&#1072;&#1077;&#1090; &#1091;&#1089;&#1083;&#1091;&#1075;&#1091; &#1089;&#1086;&#1076;&#1077;&#1088;&#1078;&#1072;&#1085;&#1080;&#1077; &#1078;&#1080;&#1083;&#1086;&#1075;&#1086; &#1076;&#1086;&#1084;&#1072; &#1080; &#1087;&#1088;&#1077;&#1076;&#1076;&#1086;&#1084;&#1086;&#1074;&#1086;&#1081; &#1090;&#1077;&#1088;&#1088;&#1080;&#1090;&#1086;&#1088;&#1080;&#1080; &#1046;&#1050; &laquo;&#1041;&#1086;&#1095;&#1072;&#1088;&#1086;&#1074; &#1056;&#1091;&#1095;&#1077;&#1081;&raquo; &#1087;&#1086; &#1091;&#1083;.&#1050;&#1083;&#1091;&#1073;&#1085;&#1080;&#1095;&#1085;&#1072;&#1103; &#8470;32; &#1089; &#1084;&#1072;&#1103; 2010 &#1075;&#1086;&#1076;&#1072; &#1074; &#1076;&#1074;&#1091;&#1093; &#1078;&#1080;&#1083;&#1099;&#1093; &#1076;&#1086;&#1084;&#1072;&#1093;, &#1074;&#1099;&#1073;&#1088;&#1072;&#1074;&#1096;&#1080;&#1093; &#1085;&#1077;&#1087;&#1086;&#1089;&#1088;&#1077;&#1076;&#1089;&#1090;&#1074;&#1077;&#1085;&#1085;&#1091;&#1102; &#1092;&#1086;&#1088;&#1084;&#1091; &#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1077;&#1085;&#1080;&#1103; - &#8470;6 &#1080; &#8470;8 &#1087;&#1086; &#1087;&#1077;&#1088;.&#1043;&#1091;&#1082;&#1086;&#1074;&#1089;&#1082;&#1086;&#1084;&#1091;.</span></p><p style="text-align: left;text-indent: 36pt;line-height: 150%;"><span style="font-size:14pt;">&nbsp;&nbsp;</span></p>
<p style="text-align: left;text-indent: 36pt;"><span style="font-size:12pt;"><b>&nbsp;&nbsp;</b></span></p>
<p style="text-align: left;text-indent: 45pt;"><span style="font-size:12pt;"> &nbsp;</span></p></body>
</html></div> <br />
<div id="glavnaya_2">
<center>
<img src="http://s019.radikal.ru/i626/1204/9d/07c0b2ca70ed.jpg" id="pictures" name="p1" width="170" onClick="pict(true, 1)">
<img src="http://s019.radikal.ru/i615/1204/6d/8701485cb0d9.jpg" id="pictures" name="p2" width="170" onClick="pict(true, 2)">
<img src="http://s60.radikal.ru/i169/1204/19/863dbe6ed593.jpg" id="pictures" name="p3" width="170" onClick="pict(true, 3)">
<img src="http://s019.radikal.ru/i644/1204/c0/200f6394fadc.jpg" id="pictures" name="p4" width="170" onClick="pict(true, 4)">
<img src="http://s019.radikal.ru/i602/1204/ab/5a74822d68be.jpg" id="pictures" name="p5" width="170" onClick="pict(true, 5)">
<img src="http://s019.radikal.ru/i618/1204/ad/6aee03fe08e2.jpg" id="pictures" name="p6" width="170" onClick="pict(true, 6)">
<img src="http://s019.radikal.ru/i635/1204/b5/d993721779b0.jpg" id="pictures" name="p7" width="170" onClick="pict(true, 7)">
<img src="http://s019.radikal.ru/i635/1204/65/f3bb9dfd936a.jpg" id="pictures" name="p8" width="170" onClick="pict(true, 8)">
<img src="http://s017.radikal.ru/i417/1204/af/726d84c0e9ed.jpg" id="pictures" name="p9" width="170" onClick="pict(true, 9)">
<img src="http://s51.radikal.ru/i133/1204/bf/333d17719f2e.png" id="pictures" name="p10" width="170" onClick="pict(true, 10)">
<img src="http://s007.radikal.ru/i300/1108/9e/18d53b158041.jpg" id="pictures" name="p11" width="170" onClick="pict(true, 11)">
<div id="pict"><img src=" name="big" width="565" onClick="pict(false)"></div>
</center>
</div></div>
</body>
</html>
<!-- 0.00645 (s55) -->

  • 1

#16 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 10 April 2012 - 13:18

я понял! похоже чсто из за юкоза! в моем коде который я писал этих тегов нету, я заметил что они стоят перед вставкой меню и вставкой инфы главной страницы. наверно у них это как то автоматически, а вообще хз. ну в любом случае спасибо за попытку помочь, буду стараться исправить остальное. а впрочем может подскажете как бороться со следующим багом?

по коду видно что на главной находится два блока. в одном картинки а в другом текст с описанием компании. проблема в том что если запустить сайт на IE старой какой то версии(хз какая, она на материном компе) эти два блока отображаются больше чем должны быть, и начинают залазить на друг друга
  • 0

#17 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 10 April 2012 - 19:12

Я же сказал. Основные глюки у вас из-за того, что в верстке — каша. Удивительно, что вообще отображается хоть что-то. Проблема возникла видимо из-за кривой натяжки вашей верстки на юкозовский движок.
Вот почищенная от мусора и ошибок верстка (в нее только меню добавить).
Пока она не перекошена вами или юкозом, ничего никуда не залезает и отображается одинаково. ;)
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>tmp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
  <div id="title" title="Современные Технологии"></div>
  <div id="menu">Здесь будет меню</div>
</div>
<div id="layout">
<div class="col1"><div class="wrap">
  <p>
	Общество с ограниченной ответственностью «Современные Технологии» создано 22 октября 2004 года.
  </p>
  <p>
	Предприятие располагается в двух офисных помещениях (одно из них находится в собственности), имеется производственная база: столярный цех; сварочный участок; участок производства облицовочной и тротуарной плитки; транспортный участок – 5 единиц техники. Построена гостиница для проживания рабочих, работающих вахтовым методом.
  </p>
  <p>
	И так далее
  </p>
</div></div>
<div class="col2"><div class="wrap">
  <img src="http://s019.radikal.ru/i626/1204/9d/07c0b2ca70ed.jpg" class="pictures" name="p1" onClick="pict(true, 1)">
  <img src="http://s019.radikal.ru/i615/1204/6d/8701485cb0d9.jpg" class="pictures" name="p2" onClick="pict(true, 2)">
  <img src="http://s60.radikal.ru/i169/1204/19/863dbe6ed593.jpg" class="pictures" name="p3" onClick="pict(true, 3)">
  <img src="http://s019.radikal.ru/i644/1204/c0/200f6394fadc.jpg" class="pictures" name="p4" onClick="pict(true, 4)">
  <img src="http://s019.radikal.ru/i602/1204/ab/5a74822d68be.jpg" class="pictures" name="p5" onClick="pict(true, 5)">
и т.д.
</div></div>
</div>
</body>
</html>
CSS
*{
  padding: 0;
  margin: 0;
}
body{
  background: #eaeef5;
}
#header{
  position: relative;
  height: 205px;
  background: url(top.png);
}
#title{
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 172px;
  background: url(title.jpg);
}
#menu{
  position: absolute;
  bottom: 0;
  right: 0;
}
#layout {
  position: relative;
}
#layout .col1,
#layout .col2
{
  position: absolute;
  width: 50%;
}
.col1 {
  left: 0;
}
.col2{
  right: 0;
}
.wrap{
  padding: 1em;
  text-align: center;
}
.wrap p{
  text-indent: 2em;
  font-size: 14pt;
  line-height: 150%;
  text-align: justify;
  color: #1f497d;
  padding-bottom: 1em;
}
.pictures
{
  margin: 5px;
  width: 170px;
}
И пара картинок title.jpg и top.png

Прикрепленные изображения

  • title.jpg
  • top.png

  • 1

#18 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 12 April 2012 - 18:50

yury, спасибо. полазию по вашему коду и попытаюсь понять как он у вас утроен (уж очень хочу научиться сам верстку правильно делать)



есть еще вопрос. в принципе он такой же как и был в самом начале, но более конкретный. я начал делать шаблон с нуля. пока что у меня расставлены блоки(шапка, меню, контент) они отмечены цветами ну и там еще пару блоков внутри контента обведены. я решил запустить в IE и заметил что опять же размеры не совпадают. я с линейкой :) измерил шапку и она по высоте не соответствовала той которая отображается в хроме. по большому счету это не страшно, но ведь у меня меню с виду совместно с шапкой, а из-за этого косяка картинка ляжет криво. не подскажете ли как с этим бороться? может быть можно как то сделать что бы высота блока подгонялась относительно его содержимого? или еще что то на подобии есть? лазаю по справочнику ни че пока что не нашел =(
  • 0

#19 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 12 April 2012 - 20:42

Чтоб был вопрос конкретный — код в студию или ссылку на сайт со страницей.
Ошибки бывают разные. И способы борьбы — тоже.
  • 0

#20 Kolovrat

Kolovrat
    Topic Starter
  • Заблокированные
  • 61 сообщений
  • Репутация: 0

Отправлено 12 April 2012 - 21:09

ссылку не могу. сайт на компе висит, а код ща весь организую
html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body id="body">
<div id="shapka"></div>
<div id="menu"></div>
<div id="kontent">
<?php
require('textsgl.html');
?>
</div>
</body>
</html>

css
#body
{
margin: 0px;
}
#shapka
{
background-color: red;
background-image: url(/shapka.png);
width: 100%;
height: 20%;
}
#menu
{
background-color: yellow;
width: 100%;
height: 3.5%;
}
#kontent
{
background-color: green;
width: 100%;
height: 100%;
}
#gl_l, #gl_r
{
position: absolute;
width: 49%;
height: 70%;
margin-top: 0.5%;
border: 1px solid black;
}
#gl_l
{
left: 0.5%;
}
#gl_r
{
right: 0.5%;
}

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru