- 28, May 2013
- #1
Так вот: про IE я уж молчу, а вот то, что сайт криво отображается в хроме - беда.
Помогите (в фаерфоксе и опере все норм). Дело в следующем: шапка сайта статична, относительно окна браузера и должна быть всегда видна.
Занимает она у меня 10.5% окна.
В фаерфоксе\опере эти 10.5 процентов отсчитываются по-человечески, а в хроме шапка растягивается на всю длину страницы. Html
Помогите (в фаерфоксе и опере все норм). Дело в следующем: шапка сайта статична, относительно окна браузера и должна быть всегда видна.
Занимает она у меня 10.5% окна.
В фаерфоксе\опере эти 10.5 процентов отсчитываются по-человечески, а в хроме шапка растягивается на всю длину страницы. Html
<div class="upline_left">
<div style="width:100%">
<div id="logo"><img src="logo.png" width="90%" height="90%" /></div>
<div id="search"><input type="" name="Поиск по каталогу" size="25" maxlength="1000"></div>
</div>
<div id="herfs"><a>Главная</a><a>Шкафы</a><a>Кухни</a><a>Остальное</a></div>
</div> body {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
width:100%;
height:100%;
background: #FFF;
margin:0;
padding:0;
color:000;
}
.upline_left {
width:70%;
position:fixed;
background-color:#141414;
padding: 3% 15% 1% 15% ;
min-height:10.5%;
box-shadow: 0px 1px 10px black, 0 0 1em black;
}
#logo{
float:left;
background-color:#141414;
height:100%;
}
#search {
float: right;
background-color:#141414;
vertical-align:bottom;
height:100%;
}
#herfs {
font-size:15px;
color:#CCC;
font-weight:bold;
float:left;
width:100%;
letter-spacing: 0.1em;
margin:0;
padding:0;
}
a:hover {
color:#FFF;
}
a{
margin-right:5%;
}
![[Виктория Волевач] Всегда молода](/assets/images/icons/forum2.png){kind=icon}
![[Фишка] Кач для 90+](/assets/images/icons/forum6.png){kind=icon}