Изменения CSS при обновлении

Question

Страница контактов этого сайта полностью работоспособна, но при обновлении страницы свойство CSS display:inline; для списка навигации становится недействительным. Эта проблема существует только в Safari.

Такая же таблица стилей CSS используется для двух других страниц, и они в порядке, поэтому я очень смущен!

http://www.katieburchett.co.uk/Contacts.html

Answer 1

Для начала, ваш HTML разметка является недействительной. Пока это так, я ожидаю, что любое поведение будет неопределенным и специфичным для браузера. У вас есть это:

<ul> 
    <a href="index.html"> 
     <li>Home</li> 
    </a> 
    <!-- and so on --> 
</ul> 

According to the spec только li элементы допускаются в качестве непосредственных детей ul элементов. Таким образом, разметка должна быть таким:

<ul> 
    <li> 
     <a href="index.html">Home</a> 
    </li> 
    <!-- and so on --> 
</ul> 

После внесения этого изменения, конечно же, вам, возможно, потребуется настроить CSS селекторы/правила для учета новой разметки.

Каждый раз, когда вы видите странное поведение разметки/стиль, особенно когда это браузерная конкретнее, первую вещь, которую вы должны сделать, это validate your code.