jsfiddle не отображает мой css

Question

Я впервые использую jsfiddle, и он, похоже, не распознает стили CSS. Также не отображаются элементы с тегом.

Вот для него сохраненная страница jsfiddle: http://jsfiddle.net/s5LXc/

Есть ли что-то, что я сделал неправильно, чтобы получить неожиданный результат, который я сделал?

Спасибо!

Answer 1

Проверьте эту рабочую скрипку: http://jsfiddle.net/s5LXc/2/

Вам не хватало самого внешнего контейнера DIV с классом "nav_bar".

Ваша HTML-структура также деформирована как минимум в одном месте, например (инвертированные SPAN и FORM теги):

<form name="form" method="post" id="header_search">


<span style='text-align: center; float: left;'>Search
    <input type="text" size="10" id="search_string">
    <input type="submit" value="Search"></input>
</form>

</span> 

Answer 2

Одно можно сказать наверняка: вы часто ссылаетесь на класс nav_bar в своем css, но он вообще не отображается в вашем html.

Answer 3

Вы используете неправильный класс в вашем навигационном контейнере.

<div class="nav">

Вместо

<div class="nav_bar">

Answer 4

Вы показываете класс nav_bar, но в вашем html такого нет.