Форум hotibo.ru

dumka · 13.11.2013 08:25

Извините если не туда написал.
Вобщем имеется такой код:

Код:

@charset "utf-8";
/* CSS Document */
html, body {
    background-color:#CCC;
    margin:0px;
    height:100%;
}
#container {
    position:relative;
    background-color:#FFF;
    border:1px solid #666;
    width:600px;
    margin:0px auto;
}
#header-1 {
    position:relative;
    background-color:#999;
    border:1px solid #666;
    width:600px;
    height:100px;
    float:left;
}
#header-2 {
    position:relative;
    background-color:#999;
    border:1px solid #666;
    width:600px;
    height:300px;
    float:left;
}
#content {
    position:relative;
    border:1px solid #666;
    width:390px;
    height:800px;
    float:left;
    margin-left:5px;
    margin-top:-150px;
    margin-bottom:-150px;
    z-index:2;
}
#footer-1 {
    position:relative;
    background-color:#999;
    border:1px solid #666;
    width:600px;
    height:300px;
    float:left;
    z-index:1;
}
#footer-2 {
    position:relative;
    background-color:#999;
    border:1px solid #666;
    width:600px;
    height:100px;
    float:left;
    z-index:1;
}
#rc {
    position:absolute;
    background-color:#999;
    border:1px solid #666;
    right:0px;
    top:0px;
    width:195px;
    height:100%;
    z-index:2;
}
#menu-block {
    position:relative;
    background-color:#999;
    border:1px solid #666;
    height:80px;
}

Код:


111


  Header block
  
  





Content block
  
  Footer block
  
      Menu block

Во всех браузерах вроде отображается нормально, за исключением IE 6. В нем пропадает блок с id="rc", который должен находиться поверх всех остальных справа в слое container. Вроде понятно объяснил. Подскажите что я неправильно делаю, пожалуйста.

eshigluxner · 28.06.2017 23:27

Css пиши так для всех браузеров, но иеээIE6 очень старый может быть не подерживает, смотри пример

box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

если есть вопроси пиши мне личку я помогу.

Форум hotibo.ru

#1 13.11.2013 08:25

Проблемы с отображением в IE 6

Код:

Код:

#2 28.06.2017 23:27

Re: Проблемы с отображением в IE 6

Board footer