Проблема с ИЕ 6 и 7 в Дивах

BRK · October 22, 2008

Не знаю как сделать так, чтобы в ие 6 и 7 нормально тянулся див, который отвечает за показ заколки.

В опере и фф нормально отображается и тянется именно так, как надо.

Вот тут архив с хтмл ксс и картинками http://xs2000.narod.ru/123.rar

Может кто сможет помочь.

Или вот код, если и так будет понятно:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Магазин</title>
<link href="copy Untitled-2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="up_bg">
  <div id="up"></div>
</div>
<!--<div id="logo"></div>-->
<div id="up_text">
  <div id="up_left"><span id="descr">Интернет-магазин бизнес-подарков и сувениров</span><br />
    <p><span id="descr">(495) </span><b class="col_b">214-85-45, 214-85-57</b><br />
      <span id="descr">ICQ </span><b class="col_b">258-828</b><br />
      <a href="mailto:a-ivan@mail.ru">a-ivan@mail.ru</a></p>
    <p style="margin-top:30px;"> <a href="/" class="lnk_uplft">О фирмах-производителях</a><br />
      <a href="/" class="lnk_uplft">Адреса сервисных центров</a><br />
      <a href="/" class="lnk_uplft">Интересные статьи</a><br />
      <a href="/" class="lnk_uplft">Про подделки</a><br />
    </p>
	</div>
    <div id="gil"><a href="/">Гильотина</a> с эмблематическим узором «бриллиантовое гильоше» и серебряной отделкой.</div>
    <div id="crik"><a href="/">Зажигалка</a></div>
    <div id="out_z" align="right"><div id="in" align="right"></div><div id="zakol"><div id="tx_z" align="left"><a href="/">Заколка для галстука</a>, отделка «iconic Diamond Head», покрытие палладием.</div></div></div>
<!--  <div id="pen">
    <div id="in_p">Кстати, <a href="/">ручка</a> - универсальный подарок </div>
  </div>-->
</div>
</body>
</html>

и ксс

BODY
{
background:#f5f2ea;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
text-align:left;
color:#413e41;
line-height:17px;
}
A
{
color:#0e60a5;
text-decoration:underline;
}
A:hover
{
color:#0e60a5;
text-decoration:underline;
}
A:visited
{
color:#0e60a5;
text-decoration:underline;
}
#up_bg
{
background:url(im/up_bg.gif) repeat-x;
width:100%;
height:483px;
position:absolute;
min-width:1000px;
width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px");
top:0;
left:0;
right:0;
z-index:0;
}
#up
{
background:url(im/up.jpg) left no-repeat;
width:100%;
height:484px;
position:relative;
z-index:0;
}
/*#logo
{
background:url(im/logo.gif) no-repeat;
width:106px;
height:45px;
margin-left:52px;
margin-top:53px;
position:absolute;
z-index:0;
} for main link*/
#up_text
{
position:absolute;
z-index:0;
padding-top:53px;
padding-left:52px;
top:0;
left:0;
right:0;
}
#up_left
{
width:177px;
height:205px;
margin-top:55px;
float:left;
}
#descr
{
color:#969190;
font-size:11px;
}
.col_b
{
color:#4c474d;
}
.lnk_uplft
{
color:#b63a3a;
text-decoration:underline;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#gil
{
width:200px;
height:50px;
position:absolute;
z-index:1;
top:53px;
left:482px;
}
#gil A
{
font-size:14px
}
#gil A:hover
{
font-size:14px
}
#gil A:visited
{
font-size:14px
}
#crik
{
width:75px;
height:20px;
position:absolute;
z-index:1;
top:150px;
left:550px;
font-size:14px
}
#pen
{
background:url(im/pen.png) no-repeat;
width:168px;
height:281px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='im/pen.png');
}
#in_p
{
margin-top:182px;
margin-left:79px;
}
#in_z
{
width:117px;
}
#zakol
{
background:url(im/zakol.png) top no-repeat;
width:117px;
height:200px;
margin-top:30px;
padding-top:100px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='im/zakol.png');
}
#out_z
{
position:absolute;
width:71%;
}
#in
{
min-width:730px;
width:100%;
width:expression(document.body.clientWidth > 730 ? "71%" : "730px");
border:1px solid #000000;
}
#tx_z
{
width:95px;
margin-right:20px;
position:relative
}
#zakol A
{
font-size:14px
}
#zakol A:hover
{
font-size:14px
}
#zakol A:visited
{
font-size:14px
}

Edited October 22, 2008 by BRK

BRK · October 23, 2008

Никто не может подсказать как пойти другим путем, без применения таблиц?

3ABAPKA · October 23, 2008

может для IE указать фикрисрованную ширину?

BRK · October 23, 2008

В общем решил проблему.

Начал всю верхушку внутри главного слоя позиционировать налево, то есть проставлял всем слоям флоат лефт.

Sign In

Проблема с ИЕ 6 и 7 в Дивах

Question

BRK

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

BRK

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

BRK

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information