Евгений в рубрику HTML и CSS

Вопрос: такая непонятка с IE

Здравствуйте, не так давно начал постигать xhtml и css так что вопрос наверно будет дурацким но всеже
делаю вот верхнее меню, имею html код типа

<body>

	<div id="container">
			<ul id="top-nav">
				<li><a href="#">Главная</a></li>
				<li><a href="#">О компании</a></li>
				<li><a href="#">Контакты</a></li>
				<li><a href="#">Сделанные объекты</a></li>
			</ul>
			
		
		
	</div>


и соответсвенно css код
div#container {
	width: 940px;
	margin: 0 auto;
	}
ul#top-nav {
	padding-left: 350px;
	background: url(images/top-menu-bg.png) no-repeat top left;
	height: 32px;
	list-style:none;
	margin-bottom:10px;
	}
	ul#top-nav  li {
		display:inline;
		
		}
		ul#top-nav  li a {
			font-size: 13px;
			display: block;
			color: white;
			font-weight:bold;
			float:left;
			padding: 0 5px;
			}




ну и я ожидаю получить чтото вроде http://ipicture.ru/Gallery/Viewfull/26530166.html что собственно и получается в опере, лисе, хроме,и даже 8м ие
а вот в 6м как обычно все не слава богу - http://ipicture.ru/Gallery/Viewfull/26530376.html
подскажите пожалуйста где допилить

Задайте свой вопрос

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

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 3

Grin
Попробуйте сделать элементы списка не через inline, а через block и float: left, сам список float: right.
#
Grin
Евгений
решил проблему добавив к ссылкам

white-space: nowrap;


не знаю насколько это корректно но вроде работает.
#
Евгений
Евгений
И, если есть под рукой, дайте пожалуйста какую нибудь статейку про особенности восприятия кода internet explorer'ом а то проверять в нескольких браузерах страницу после добавления любого нового атрибута немного долго и надоедливо.
#
Евгений

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler