Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 13.11.2009 08:25

dumka
Новичок
Зарегистрирован: 13.11.2009
Сообщений: 1

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

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

Код:

@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;
}

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>111</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
  <div id="header-1">Header block</div>
  <div id="header-2"></div>
  <div id="content">Content block</div>
  <div id="footer-1"></div>
  <div id="footer-2">Footer block</div>
  <div id="rc">
      <div id="menu-block">Menu block</div>
  </div>
  <div style="clear:both"></div>
</div>
</body>
</html>

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

Нет на форуме

 

#2 28.06.2013 23:27

eshigluxner
Новичок
Зарегистрирован: 28.06.2013
Сообщений: 2
Вебсайт

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

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 */
}

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


[url=http://gamesik.ru/category/barbie-games]Игры барби[/url] - [url=http://gamesik.ru/category/winx-online]Игры винкс[/url]

Нет на форуме

 

#3 14.01.2014 07:59

shoaibwh1
Новичок
Зарегистрирован: 14.01.2014
Сообщений: 3
Вебсайт

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

I actually knew about most of this, but having said that, I still thought it was useful. Nice job!


[url=http://mediaplayground.com.au/]Brand Activation Australia[/url]
[url=http://mediaplayground.com.au/]Film and Video Australia[/url]
[url=http://mediaplayground.com.au/]TVC Production Australia[/url]
[url=http://mediaplayground.com.au/]Photography Brisbane[/url]

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson