Проблема с выравниванием объекта в линию..

[Feiron]

Добрый день. Я так чувствую я уже 145 человек, приходящий с такой проблемой, но честно перепробывал все известные танцы с бубном, ничего не помогло. Есть Полоса:

Вот так её плющит при маленьком разрешении экрана:

#information {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:middle;
	color:#fff;
	font-weight: bold;
	list-style: none;
	padding-top: 4px;
	background:#10347B;
	margin:0px;
	margin-bottom:1px;
	margin-left:0px;
	height:20px;
	border:0px;
	white-space: nowrap;
}
#information li{
	float:left;
	padding-left: 8px;
	padding-right:16px;
	background: url('img/crosser.png');
	background-position: right center;
	background-repeat: no-repeat;
	border:0px;
	white-space: nowrap;
}
#information li.loghref{
	background: none;
}
#information a{
	text-decoration: none;
	color:#fff;
}
#information a.login_href, a.logout_href {
	display:block;
	width:120px;
	height:24px; 
	text-indent:-9999px;
	background: url('img/menu/login.png');
	background-repeat: no-repeat;
	border:0px;
	margin-top:-4px;
}
#information a.login_href{
	margin-left: 80px;
}

#information a.login_href { background-position: 0 0px; }
#information a.login_href:hover { background-position: 0 -24px;}

#information a.logout_href { background-position: 0 -48px; }
#information a.logout_href:hover { background-position: 0 -72px;}

<div id="pages">
		 <ul id="information">
			   <li> </li>
			   <li><a href>Главная</a></li>   
		   <!-- Start of Information pages -->
		   <li><a href>Карта сайта</a></li>
		   <li><a href>Главная страница</a></li>
		   <li><a href>Тестовая страница</a></li>
		   <!-- End of Information pages -->
		   <li style="margin-left:85px;"> </li>
			   <li><a href>Мои данные</a></li>
			   <li><a href>Корзина</a></li>
		   <li class="loghref"><a href class="logout_href">Выход</a></li>
		 </ul>
</div>

Как заставить элементы списка не уходить на новую строку?

Очень не хочется делать таблицу, но в принцессе если другого пути нет - смирюсь.

Edited November 8, 2009 by Feiron

[jackus]

В коде не разбирался, первое что приходит в голову, сделать минимальную ширину, тогда ничего никуда уходить не будет. min-width:800px; для примера.

[psywalker]

да, либо наглый способ

ul { list-style: none; white-space: nowrap;}

ul li { display: inline; }

[Feiron]

Да честно говоря ни в какую. Обнаружил что её смущают <li style="margin-left:85px;"> </li> вот это и любая другая попытка насильственного отступа...Убираю и она ведёт себя вполне адекватно- заменил пока на пробел.

[Izum]

может задать для этого блока минимальную ширину?

[Great Rash]

Feiron

Чтобы ваша проблема решилась быстрее сделайте тестовую страницу (с доктайпом хедерами и т.п.), чтобы ее можно было скопипастить себе на комп. А то разбираться в предоставленных портянках нет никакого желания.

Сделаете такую страницу - глядишь и проблема сама решится, а коли нет так ее вам маньякопсиволкер враз разрулит.

Edited November 20, 2009 by Great Rash