баг ie6 ie7

bot87 · March 18, 2011

Помогите с отступами между списками в іе!!

КОД СSS:

*{padding:0;margin:0}
html{height:100%;
}
body{height:100%;
background-color:#5b0302;
font:10pt Arial, Helvetica, sans-serif;
text-align:center;}


ul{list-style-type:none;
width:179px;}
ul li{width:179px;
height:62px;position:relative;}
li ul{position:absolute;
top:0;
left:179px;
}
li a{display:block;
text-decoration:none;
font:12pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color:red;width:100%;
height:100%;}
li ul li{height:31px;
width:179px;}




код html:
<ul id="menu">
     <li style="background-color:#0F6"><a href="">Home</a>
     <ul>
     <li style="background-color:#F9F"><a href="">Contact</a></li>
      <li style="background-color:#3CF"><a href="">kop1</a></li></ul>
      </li>
       <li style="background-color:#6FF"><a href="">Home2</a><ul>
     <li style="background-color:#6F3"><a href="">Contact</a></li>
      <li style="background-color:#FC9"><a href="">kop2</a></li></ul>
      </li>
    </ul>

Edited May 13, 2011 by bot87

PanSoul · March 18, 2011

а что именно с отступами?

и..никогда не используй

КОД СSS:
*{padding:0;margin:0}

Edited March 18, 2011 by PanSoul

bot87 · March 18, 2011

отсутпи не между li а между UL

psywalker · March 18, 2011

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

<style type="text/css">
	* { margin: 0; padding: 0; }
	#menu { 
		list-style: none; 
		width: 180px; 
		height: 60px;
	}	
		#menu li { height: 30px; position: relative;}
		#menu ul { display: block; position: absolute; left: 180px; top: 0;}
</style>
</head>

<body>
	<ul id="menu">
		<li style="background: red;">
			<a href="#">Gkjfksjfs 1</a>
			<ul>
				<li style="background: #0F0;">
					<a href="#">fgdf</a>
				</li>
			</ul>			
		</li>
		<li style="background: red;">
			<a href="#">Gkjfksjfs 1</a>
			<ul>
				<li style="background: #0F0;">
					<a href="#">dgdgdg</a>
				</li>
			</ul>			
		</li>
	</ul>

Sign In

баг ie6 ie7

Question

bot87

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

PanSoul

Link to comment

Share on other sites

bot87

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information