Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > IE9 проблема с версткой

Автор: ElKa 6.12.2012, 19:10

Для старых ИЕ даже не хочу сайт подгонять.
Пытаюсь только для ИЕ9.

Проблема такая. В центре располагается контент. Наверху контента горизонтальное меню навигации. Справа от контента, на небольшом расстоянии вертикальное фиксированное меню внешних ресурсов на 240пкс сверху отступ, отступ слева рассчитывается как и у контента, только немного больше.
Все браузеры отображают нормально, кроме естесственно ИЕ, в котором вертикальное меню отображается слева вверху, а контент смещается вниз. А горизонтальное меню как бы не помещается и последняя кнопка переносится вниз под первую кнопку.

Подскажите плиз, что в этих стилях он не понимает

Код


* {
   background-color: transparent; 
   font-size: 100%;
   margin: 0;
   padding: 0;
   outline: 0;  
   box-sizing: border-box;   
}
html { 
   width : 100%;
   min-height : 100%; 
}
body {
   background : #0f1019 url(night/bg-body.jpg);  
   min-height : 100%;  
   font-family: Helvetica, Tahoma, "Trebuchet MS";
   color : #fff; 
   line-height: 1.3;
}

...

.content {   
   position : absolute;
   height : auto; 
   width : 847px;
   left : 50%; 
   margin-left : -423px;   
}

...

/* external resources */
.options { 
   width : 28px; 
   position : fixed;  
   top : 240px; 
   right : 50%; 
   margin-right : -452px;
   z-index : 1;
}
.option {
   width : 28px; 
   height : 28px; 
   margin-bottom : 1px; 
}

...

/* navigation menu */
.menubar { 
   width: 377px;
   height: 28px; 
   position: absolute;  
   top: 31px; 
   right: 10px;  
}
.menu { 
   width: 28px;
   height: 28px; 
   position: relative; 
   float : left; 
   margin-left: 1px;  
}

У боди высота задается на каждой странице отдельно, потому что они разные. Иначе футер смещается.

Автор: ElKa 6.12.2012, 20:06

Проблему с боковым меню решила вот так

Код


.options { 
   width : 28px; 
   position : fixed; 
  _position : absolute;  /* IE */  
   top : 240px; 
  _top : expression(eval(document.body.scrollTop)+'240px');   /* IE */   
   right : 50%; 
   margin-right : -452px;
   z-index : 1;

Осталось две проблемы - Верхнее меню не помещается. И футер отображается в самом верху страницы, а не под контентом.

Автор: rz00007 7.1.2013, 12:35

Ставьте себе ИЕ тестер и подгоняйте под нужную версию.