Проблема списка в IE6 и IE7

mazhar · July 5, 2010

Есть сайт который работает нормально везде, кроме ослика и его старшего брата.

Вот в чем проблема, список начиная с атласной ткани должен идти без фоновой картинки. В остальных браузерах отображается как надо. И есче, почему то уходит правая фоновая картинка куда-то?

Помогите разобраться, спасибо.

Edited July 5, 2010 by mazhar

YaD · July 5, 2010

Я думаю выложить хотя бы исходники будет хорошей идеей.

stars · July 5, 2010

да чтобы вам помочь нужно увидеть хотя бы часть кода + css этого списк\менюшки...

mini · July 5, 2010

Есть сайт который работает нормально везде, кроме ослика и его старшего брата.
Вот в чем проблема, список начиная с атласной ткани должен идти без фоновой картинки. В остальных браузерах отображается как надо. И есче, почему то уходит правая фоновая картинка куда-то?
Помогите разобраться, спасибо.

ну можно предложить что Вы в Css что-то недописали лил переписали, а может конечно и разметку не правильно сделали

mazhar · July 7, 2010

style

.sl {
	float: left;
	width: 302px;
	margin-left: -100%;
	position: relative;
	background: #FFFFFF url(../images/newlogo.jpg) no-repeat;
	height: 268px;
}
.menu {
	background: #FFFFFF;
	position: relative;
	top: 268px;
}
.menu ul {
	height: auto;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 15px;
}
.menu li {
	background: url(../images/menu3.png) no-repeat center center;
	padding: 8px 0px 12px;
}

.menu li:hover {
	background: url(../images/menu_hover2.png) no-repeat center center;
	padding: 8px 0px 12px;
}
.menu a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-left: 100px;
}

.sub li {
	background: url(none)!important;
	margin: 0px;
	padding: 3px 80px 0px;
}

.sub li {
	background: url(none);
	padding: 8px 0px 4px;
}

.sub li:hover {
	background: url(none);
	padding: 8px 0px 4px;


}
.sub a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin-left: 80px;
}

.sub a:hover {
	color: #FF0000;
	text-decoration: underline;
	}


/* Sidebar Right
—————————————————————————--*/
.sr {
	float:right;
	margin-top: 0px;
	margin-right: -3px;
	margin-left: 807px;
	position: absolute;
	background: #FFFFFF url(../images/sr.gif) no-repeat;
	height: 790px;
	width: 193px;
	display:block;
}

YaD · July 8, 2010

я, конечно, не гуру, но, имхо, нужен и код страницы. Вы как-то странно выкладываете: сначала картинку, потом часть css стиля. Когда будет код страницы? Хз, как у вас организовано построения шаблона страницы.

stalker_2000 · July 8, 2010

не по теме. Можно узнать скрытый смысл вот этого:

.sub li {
background: url(none)!important;
margin: 0px;
padding: 3px 80px 0px;
}
.sub li {
background: url(none);
padding: 8px 0px 4px;
}

кроме того, ИЕ6 не работает с псевдоклассом :hover, если он задан не для ссылки.

.sub li:hover {
background: url(none);
padding: 8px 0px 4px;
}

И вообще, имеет ли смысл вёрстка под ИЕ6?

mazhar · July 9, 2010

не по теме. Можно узнать скрытый смысл вот этого:
кроме того, ИЕ6 не работает с псевдоклассом :hover, если он задан не для ссылки.
И вообще, имеет ли смысл вёрстка под ИЕ6?

Это мой шаблон

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>{if isset($detail_title)}{$detail_title}{else}{title}{/if}</title>
{stylesheet}
{metadata}
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script type="text/javascript" src="zoom/zoom.js"></script>
  <link rel="stylesheet" type="text/css" media="all" href="zoom/zoom.css" />
</head>

<body>

<div id="wrapper">

	<div id="header"></div>
	<!-- #header-->

	<div id="middle">
	  <div id="container">
		<div id="content">

		  <h1>Продукция</h1>

		  <hr />
		  <div class="table"> 
	  {content} 
		</div><!--class table-->
		</div>
		<!-- #content-->
	  </div>
	  <!-- #container-->
<div class="sidebar sl">
	  <div class="menu">

		  {menu start_level ="1" number_of_levels="2"} 

		</div>
		</div>
		<!-- .sidebar.sl -->

	  <div class="sidebar sr"></div>
		<!-- .sidebar.sr -->

  </div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">

<!--LiveInternet counter--><script type="text/javascript"><!--
				document.write("<a href='http://www.liveinternet.ru/click' "+
				"target=_blank><img src='//counter.yadro.ru/hit?t52.6;r"+
				escape(document.referrer)+((typeof(screen)=="undefined")?"":
				";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
				screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
				";"+Math.random()+
				"' alt='' title='LiveInternet: показано число просмотров и"+
				" посетителей за 24 часа' "+
				"border='0' width='88' height='31'><\/a>")
				//--></script><!--/LiveInternet-->
</div><!-- #footer -->

</body>
</html>

По поводу скрытого смысла - это я немного экспериментировал, надеялся, что поможет ослику правильно понять отображение списка.

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

Что делать? Подскажите?

locky · July 9, 2010

mazhar, а вы сами сможете что-то посоветовать, опираясь на вами же выложенный код? Вы там видите хоть один тег UL или LI?

Sign In

Проблема списка в IE6 и IE7

Question

mazhar

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

YaD

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

mini

Link to comment

Share on other sites

mazhar

Link to comment

Share on other sites

YaD

Link to comment

Share on other sites

stalker_2000

Link to comment

Share on other sites

mazhar

Link to comment

Share on other sites

locky

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information