куда пропадает список?

[comSaaxov]

Обьясните плз пытаюсь добавить в  id="topmenu список, (собственно даже когда создаю новый див ниже хедера и добавляю ul туда, он не отображается  )

 

http://jsfiddle.net/mrnobody/E55SS/ 

собственно вопрос, куда девается, и почему не отображается список. спс

Edited July 3, 2014 by comSaaxov

[klierik]

как правильно задать вопрос -- в подписи

[npofopr]

Ну и height: 40px; для разнообразия можете попробовать убрать.

А лучше воспользоваться Инспектором кода/ Фаербагом. F12 кнопочка.

[comSaaxov]

что бы было наглядно, и по правилам, выкладываю :http://jsfiddle.net/E55SS/

 спс удалил @npofopr, все немного улучшилось, теперь нужно выровнять его с помощью margin\padding?

[mrnobody]

http://jsfiddle.net/mrnobody/E55SS/1/

#header {  background: #8fa09b;  font-size: 24pt;  font-weight: bold;  color: # edeed5;  padding: 5px;  /* height: 80px; */}#topmenu {  background: blue;  /* float: left; */  /* width: 100%; */  /* height: 40px; */  clear: both;}#topmenu ul {  list-style: none;  /* width: 100%; */  /* height: 40px; */  padding: 0;  margin: 0;  overflow: hidden;  background: #000 url(images/bg-nav.gif) top left repeat-x;}

Edited July 3, 2014 by mrnobody

[comSaaxov]

спасибо за помощь, все получилось http://jsfiddle.net/mrnobody/E55SS/ только в хроме верхнее меню все равно не отображается, в фаерфоксе тоже

 

Собственно вопрос остался, почему в браузерах не отображается верхнее меню? кеш чистил.

Edited July 4, 2014 by comSaaxov

[alex.kv]

Добавьте небольшие изменения себе в код

<div id="topmenu"><ul>    <li><a href="#">Home</a></li>    <li><a href="#">About us</a></li>    <li><a href="#">Portfolio</a></li>    <li><a href="#">Contact us</a></li>    <li><a href="#">FAQ</a></li></ul> <div class="clear"></div></div>

 #topmenu{background: blue;width: 100%;}#topmenu ul{	list-style:none;	height:40px;	background:#000 url(images/bg-nav.gif) top left repeat-x;#topmenu ul li a{	display:block;		padding:0 10px;	float:left;	text-transform: uppercase;	font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif;	color:green;	text-decoration:none;	text-align:center;}

Проверил в Chrome, Firefox, IE все работает.

И старайтесь как можно реже использовать для блоков height

Edited July 5, 2014 by alex.kv