Что нового

Помогите в CSS

presebook

Посетитель
OLD SkripTers
Регистрация
18 Дек 2019
Сообщения
43
Реакции
0
Добрый день! тут у меня возникла проблема в вёрстке что в одном браузере фиксированная шапка работает нормально а в другом съезжает под браузер и вот код:body: Показать / Скрыть текстbody {  background: url('/images/bg1.png');  background-attachment: fixed;  height: 100% !important;  margin:0px;  padding:0px;      word-wrap: break-word;  font: 11px/18px Tahoma, Verdana, Helvetica, sans-serif;  overflow-x:hidden}фиксация блока: Показать / Скрыть текст#fixed_panel {  position: fixed;  width: 100%;  margin: -8em auto 0;  z-index: 985;}wrapper: Показать / Скрыть текст.wrapper {  display:block;  position:relative;  box-shadow: 0px 1px 4px 1px #CFCFCF;  -moz-box-shadow: 0px 1px 4px 1px #cfcfcf;  -webkit-box-shadow: 0px 1px 4px 1px #CFCFCF;  -khtml-box-shadow: 0px 1px 4px 1px #cfcfcf;  -o-border-radius: 8px;  border-radius: 8px;  -moz-border-radius: 8px;    background: white;    height:auto !important;  min-height: 100%;    width: 80%;  margin:8em auto 0;}html .wrapper {  height: 100%;} Показать / Скрыть текстКонтент: Показать / Скрыть текст.content {  padding: 10px 10px 20px;  clear: both;  z-index: 101;  position: relative;}Шапка: Показать / Скрыть текст.header {  background-color: #1a8ae3;  background-image: -moz-linear-gradient(top, #1a8ae3, #1c78c3);  background-image: -ms-linear-gradient(top, #1a8ae3, #1c78c3);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a8ae3), to(#1c78c3));  background-image: -webkit-linear-gradient(top, #1a8ae3, #1c78c3);  background-image: -o-linear-gradient(top, #1a8ae3, #1c78c3);  background-image: linear-gradient(top, #1a8ae3, #1c78c3);  background-repeat: repeat-x;  border-top: 1px solid #4BA2D5;  border-bottom: 1px solid #1F6990;  width: 100%;  z-index: 900;  height: 40px;}.header a:first-child {  margin-left:15px;}.header a, .header a:visited {  display:block;  float:left;  height:40px;  line-height:40px;  color:#BFDCED;  padding:0px 15px;  font-weight:bold;}.header a:hover, .header a:active {  color:#BFDCED;  text-decoration:none;  height:40px;  background:rgba(0, 0, 0, 0.1);}.headcont {  width:85%;  height: auto;  margin:0pt auto;}HTML код: Показать / Скрыть текст<div id="fixed_panel"><div id="ajaxhd" class="hd">Тут код кнопок</div></div><div class="header" style="width:100%;"><div class="headcont">ТУТ код шапки</div></div></div><div class='wrapper'><div class='content'>ТУТ контент</div></div></div>Помогите в чём может быть проблема?Вот демо: svoi-krug.ru/info.php?id=2Ребят ну что помогите плиз) уже 3 дня с этим справиться немогу) вот демо: http://svoi-krug.ru/info.php?id=14
 
Верх