Так вот: про IE я уж молчу, а вот то, что сайт криво отображается в хроме - беда. Помогите (в фаерфоксе и опере все норм).
Дело в следующем: шапка сайта статична, относительно окна браузера и должна быть всегда видна. Занимает она у меня 10.5% окна. В фаерфоксе\опере эти 10.5 процентов отсчитываются по-человечески, а в хроме шапка растягивается на всю длину страницы.
Html
CSS
Заранее спасибо!
Дело в следующем: шапка сайта статична, относительно окна браузера и должна быть всегда видна. Занимает она у меня 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%; }
Заранее спасибо!
Последнее редактирование: