косяк в ie6 с background-image для body и ul списком

ppopik · November 22, 2009

ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css

html {background: url("../images/trava.gif")  right bottom  no-repeat; height: 100%;}

на странице код такой:


<body>
<div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок -->
		<div id="logo_head" align="center">
		</div>
	</div>
<div style="float: left; margin-top: -50px;">
		<img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки -->
</div>
<div style="float: right; width: 64%;">
	<div style="float: left; text-align: center;" align="center">
		<div align="center">
			<jdoc:include type="modules" name="user3" style="xhtml" /> <!-- /menu -->
		</div>
	</div>
	<div style="float: right; margin-right: 25px;">
		<ul class="map">
			<li class="main_map" style="padding-bottom: 3px;">
				<a href="/index.php?option=com_content&view=article&id=48&Itemid=53">1<a/>
			</li>
			<li class="main_map">
				<a href="/index.php?option=com_content&view=article&id=49&Itemid=70">2<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=49&Itemid=54">3<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=50&Itemid=55">4<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=47&Itemid=56">5<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=46&Itemid=57">6<a/>
			</li>
			<li class="main_map">
				<a href="/index.php?option=com_content&view=article&id=51&Itemid=58">7<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=51&Itemid=58">8<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=52&Itemid=60">9<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=53&Itemid=61">10<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=54&Itemid=62">11<a/>
			</li>
			<li class="main_map">
				<a href="/index.php?option=com_content&view=article&id=56&Itemid=64">12<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=56&Itemid=64">12а<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=55&Itemid=65">14<a/>
			</li>
			<li class="main_map">
				<a href="/index.php?option=com_content&view=article&id=57&Itemid=68">15<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=57&Itemid=68">16<a/>
			</li>
			<li class="sub_map">
				<a href="/index.php?option=com_content&view=article&id=58&Itemid=69">17<a/>
			</li>
		</ul>
	</div>
</div>
</body>

вот код css


html {background: url("../images/trava.gif")  right bottom  no-repeat; height: 100%;}
body {background: url("../images/logo_word.gif")  left 85%  no-repeat; height: 100%;}
#all-site {width: 100%;}
#header { background-image: url("../images/header.gif"); background-repeat: repeat-x; z-index:1; float: none;}
#logo_head {align: justify; width: 500px; height: 87px; background-image: url("../images/head_logo.gif"); background-repeat: no-repeat; z-index: 2; float: none;}
#left {margin-top: -50px; z-index:29; }
	#flonder {z-index:30; margin-top: -50px;}
	#logo_world {float: none; margin-bottom: 30%; z-index:31;}
#right {}
	#float { float: left; text-align: center; margin-top: 100px; }
	#hack_ie6 {height: 210px;}
	#table {color: #096849; font-size: 16px; text-align: center;}

	.navigation { background-color: white; text-align: center; margin-top: 50px; }
div.moduletable {}
/* карта сайта */
.map {padding: 3px 0 3px 0;}
.main_map {padding-bottom: 3px;}
.sub_map { width: 120px; background-color: white; padding: 3px 0 3px 25px;}

так вот ie6 а может и более старшие(не проверял еще) показывает кусок этого фонового изображения тега html фоном для всех ссылок в в списке ul.map причем показывает он его только на первой строчке ссылки, если ссылка длинная и состоит из нескольких строчек, то последующие после первой отображаются с нормальным белы фоном

psywalker · November 22, 2009

Ничего не замечаешь тут?

Sign In

косяк в ie6 с background-image для body и ul списком

Question

ppopik

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information