Выравнивание вертикального списка.

mozart · November 30, 2008

Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода:

ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;}
ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;}
ul#hor li a {display:block; margin-top:10px;}

<ul id="hor">

<li><a href="#">item1</a></li>
<li><a href="#">item2</a></li>
<li><a href="#">item3</a></li>

</ul>

из-за float:left менюха прижимается к левому краю родителя, а нада по центру..

Ogalig · December 1, 2008

можно задать потомкам 100% ширину, например, и next-align:center. Можно попробовать еще так: margin-left:auto margin right:auto опять же потомкам присвоить

NikuZ · December 2, 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<div class="main">
	<ul>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
	</ul>
</div>

.main {
		text-align:center; /*центрирование для IE*/
	}
	.main ul {
		font-weight:bold;
		text-align:left;
		/*центрирование для нормальных браузеров*/
		display:table;
		margin:0 auto;
		/*******************/
		zoom:1; /*чтобы не схлопывалось для IE*/
		display:inline-block; /*hasLayout для IE*/
	}
	*html .main ul {
		display:inline;
	}
	*+html .main ul {
		display:inline;
	}
	/*чтобы не схлопывалось для нормальный браузеров*/
	.main ul:after {
		content: "";
		display:block;
		clear:both;
	}
	/*******************************/
	.main ul li {
		float:left;
		border-right:1px solid #dadada;
		height:46px;
		padding:0 10px;
	}

Sign In

Выравнивание вертикального списка.

Question

mozart

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Ogalig

Link to comment

Share on other sites

NikuZ

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information