Доброго всем утра! Не могу понять что не так . Все работает везде, кроме ie7 . Ie7 отодвигает иммено фон , пикселей на 50 , и добавляет скролл.. КАк это лечить? | Код |
<body id="body">
<div class="balt_wrapper">
<div class="balt_site">
<div class="chShako">
<div onclick="window.location='[(site_url)]'" style="cursor: pointer; border:solid 0px red;width: 224px; height: 85px; float: left; margin-right: 0px; position: absolute;">
</div>
<div class="chShako_logo_column">
ТРАНСПОРТНАЯ КОМПАНИЯ
</div>
<div class="chShako_maps_column">
<img src="{{routeToCssImg}}\icon_map.gif" width="16px" height="17px"/><a href="[~61~]">Карта сайта</a><BR/>
<img src="{{routeToCssImg}}\icon_contacts.gif" width="16px" height="17px" /><a href="[~63~]">Контактная информация</a>
</div>
<div class="chShako_phonelogo_column">
<object type="application/x-shockwave-flash"
data="{{routeToCssImg}}\Phone.swf"
width="50" height="101">
<param name="movie"
value="{{routeToCssImg}}\Phone.swf" />
</object>
</div>
<div class="chShako_bigphone_column">
+ 7 (812) <span class="phones_bold">000000</span>
</div>
<div class="chShako_littlephones_column">
+7 (921) 0000000<BR/>
+7 (921) 000000
</div>
<div class="chShako_vk_column">
<a href="vk.com"><img src="{{routeToCssImg}}\icon_vk.gif" width="45px" height="50px"/></a>
</div>
</div>
</div>
</div>
</body>
|
 | Код |
#body{
border:solid 0px green;
width:100%;
margin: 0 auto;
text-align:center;
background: url('img/wrapp.jpg') no-repeat center top;
}
.balt_wrapper
{
width:100%;
margin: 0 auto;
border:solid 0px gray;
}
/* Common */
.balt_site {
width: 1000px;
margin: 0 auto;
}
/* Shako
----------------------------------------------------------------*/
/*Global div Shako */
.chShako{
width: 1000px;
height:101px;
}
/*Logo column */
.chShako_logo_column
{
width:223px;
height:101px;
background: url('img/logo.jpg') no-repeat left top;
padding-top:85px;
text-align:center;
word-spacing: 5px;
letter-spacing:1px;
font: bold 12px Arial;
color: #56abd0;
float:left;
}
.chShako_maps_column{
width:160px;
height:66px;
padding-top:35px;
background:#cff4d0;
float:left;
text-align:left;
padding-left:68px;
}
.chShako_maps_column a{
color:#35a1d2;
font: solid 10px Verdana;
font-size: 10px;
}
.chShako_phonelogo_column{
float:left;
width:53px;
height:101px;
background:#eeedd0;
}
.chShako_bigphone_column{
float:left;
width:279px;
padding-top:30px;
height:71px;
font: solid 14px Verdana;
font-size: 26px;
background:#eecdf3;
color:#7b7b7b;
}
.phones_bold{
font: bold 14px Verdana;
font-size: 26px;
color:#7b7b7b;
}
.chShako_littlephones_column{
float:left;
width:154px;
height:71px;
background:#c7cff6;
color:#7b7b7b;
font: bold 12px Verdana;
padding-top:30px;
}
.chShako_vk_column{
float:left;
padding-left:10px;
width:52px;
padding-top:21px;
height:80px;
background:#d3e6d7;
}
/*ChBitTop
------------------------------*/
/*chBigTop */
.chBigTop
{
width: 1000px;
height:615px;
background: none;
}
|
p.s. на картинке блоки просто замазаны в фотошопе, что бы телефоны чужые не светить) |
ie7 двигает фон, В чем проблема? 
Загрузка ...
