Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.07.2013, 21:36   #1
Volwis
 
Регистрация: 15.07.2013
Сообщений: 7
По умолчанию Сдвигается шапка и меню

На разных браузерах не порядок с шапкой и меню. fenix-kiev.com.ua/



Код HTML:
[CODE]/* begin Header */
div.art-header
{
    margin: 0 auto;
  position: relative;
  z-index: -1;
  width:1014px;
  height: 168px;
  
  margin-bottom: 0;
}
 
div.art-header-clip
{
  position: absolute;
  width:100%;
  left:0;
  overflow:hidden;
  height:168px;
}
 
.art-header-wrapper 
{
        position: relative;
    width:1014px;
    margin:0 auto;
}
.art-header-inner 
{
    margin: 0 3px;
}
 
div.art-header-center
{
    position: relative;
    width: 1014px;
    left:50%;
}
 
div.art-header-png
{margin-left:100px;
  position: absolute;
  left:-50%;
  top: 0;
  width: 100%;
  height: 168px;
  
  background-image: url('sait/images/shapka.png');
  background-repeat: no-repeat;
  background-position:center center; 
 
}
 
div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
 
  width: 100%;
  height: 165px;
  margin-left:-420px;
  background-size: 191px auto;
  background-image: url('sait/images/fenix-logo.gif');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */
 
/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  top: 117px;
  left: 12%;
  margin-left: -111px;
  width: 360px;
}
 
h1.art-logo-name
{
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 38px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #112945 !important;
}
h1.art-logo-name a, 
h1.art-logo-name a:link, 
h1.art-logo-name a:visited, 
h1.art-logo-name a:hover
{
  font-weight: normal;
  font-size: 38px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #112945 !important;
}
 
h2.art-logo-text
{
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 19px;
  padding: 0;
  margin: 0;
  color: #112945 !important;
}
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-weight: normal;
  font-size: 19px;
  padding: 0;
  margin: 0;
  color: #112945 !important;
}
 
/* end Logo */
 
 
/* begin Menu */
/* menu structure */
 
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}
 
.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}
 
.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}
 
.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}
 
.art-hmenu li li
{
  float: none;
}
 
.art-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}
 
.art-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}
 
.art-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}
 
.art-hmenu:after, .art-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu{
  min-height: 0;
  position:relative;
  padding: 6px 6px 9px 6px;
}
 
.art-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}
 
/* menu structure */
 
.art-nav
{
   position: relative;
  width:1070px;
  margin:0 auto;
  min-height: 44px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
}
 
.art-nav-outer
{
    position:absolute;
    width:100%;
}
 
.art-nav-wrapper 
{
        position: relative;
    width:1050px;
    margin:0 auto;
}
.art-nav-inner 
{
    margin: 0 3px;
}
 
.art-nav-l, .art-nav-r
{
  position: absolute;
 
 
  width:100%;
  height: 40px;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    border-radius:10px;
    border:1px solid #002232;
}
 
.art-nav-l
{
  left: 0;
  right: 7px;
}
 
 
/* end Menu */[/CODE]
Volwis вне форума Ответить с цитированием
Старый 30.07.2013, 19:01   #2
yaskin
Форумчанин
 
Регистрация: 10.01.2011
Сообщений: 112
По умолчанию

http://validator.w3.org/check?uri=ht...org%2Fservices
Для спасибо весы слева
yaskin вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос от лентяя. Фиксированные меню и шапка bewdisus HTML и CSS 3 14.07.2012 16:11
сдвигается блок Qaliti HTML и CSS 1 27.06.2011 16:29
Сдвигается ListView при загрузке формы pooli Microsoft Office Excel 0 13.10.2010 01:04
В IE сдвигается таблица внутри блока Bendebej HTML и CSS 1 17.02.2010 16:24
сдвигается sidebar в ie6 coolerS HTML и CSS 0 12.12.2009 15:22