blacknightwolf: Нет, для этого надо указать widthи обозначить min-width. Плюс отцентрировать сайт с помощью margin: 0 auto; Погуглите css решение grid 960gs
Извините, но глядя на такие примеры хочется вырвать себе глаз.
У вас там тег divс display:none. Не очень понятно зачем он, но когда его убираешь отображается второй уровень и корректно работает выдача третьего
blacknightwolf: Собственно как я и сказал. Большинство сайтов что вам не нравятся адаптивны, т.е. их структура и стили выстроены таким образом, чтобы все элементы удачно "падали" друг под друга, а что-то даже исчезало. Вам нужен обратный эффект, т.е. НЕ адаптивный сайт.
Не используйте meta name="viewport"
Задайте фиксированную ширину для контейнеров.
Если есть возможность, приведите, пожалуйста, примеры того что вы имеете и того, что вы хотите получить. Но на вскидку вам нужна НЕ адаптивная верстка с соответствующими значениями width и min-width
Если вам принципиально использование метода float, посмотрите в сторону свойства display: table-cell, а текст прижимайте к краям через text-align. Но лучше если вы реализуете flex.
Pavel Spirin:
1) Вы проверили? В конечном css пути отображаются корректно?
2) Заданные пути точно ведут к шрифту?
3) Вы пытались подключить шрифт в обход sass напрямую в css?
4) Ваша версия шрифта поддерживает кириллицу?