Почему моя верстка выглядит иначе чем у других?

Question

[string001]

Добрый день!
Я не помогу понять почему моя верстка иначе смотрится у других? У меня на компе вроде такого не наблюдается, вы не могли бы объяснить почему так? Вроде бы все ровно) нигде ниче не выпадает)

ВЕРСТКА

Comments

[Антон Хмыров]

Попробуй посмотреть на другом разрешении - у меня менюшка распозлась на две строки, кнопка "SHOP" в верхнем баннере не влазит, и кнопки "Buy now" в нижней части криво стоят. Разрешение 1920*1080

Answer 1

[Степан]

Шрифты не подключаются, а в твоей ос они установлены

@font-face {
    font-family: Bebas Neue; 
    src: local("Bebas Neue"),
         url(fonts/OpenSans.ttf);
    font-family: Open Sans; 
    src: local("Open Sans"),
         url(fonts/Bebas Neue.ttf);
}

Лежат ли файлы там? и вроде что то с путями и названиями файлов тоже напутано

Comments

[string001]

я для элементов прописал вот так font-family: "Bebas Neue"; , а при подключении они без ковычек, может ли повлиять такое?

[Степан]

string001: при подключении тоже лучше кавычки поставить и у тебя в названиях файлов расходятся шрифты Open Sans -> url(fonts/Bebas Neue.ttf);

Answer 2

[Alex]

.products-third, .products-six {
    margin-right: 0;
}

За такую хрень нужно по руках клавой бить. И очень жестко. Учись пользоваться htmlbook.ru/css/nth-child
А то такие спецы втюхают свою верстку за копейки, а кто-то потом парится и думает как это использовать/натянуть на CMS.

Comments

[string001]

спасибо за критику) моя первая верстка, теперь буду знать)

[Alex]

string001: Лучше сразу узнать и учится делать правильно :)

[Виталий Инчин ☢]

Судя по тому, что подключена jQuery 1-ой версии, автору нужна поддержка IE9-...

Answer 3

[Wheelie]

А если по делу, надо разбираться что не так, смотреть и тестить.
Как минимум есть некий font-family: "Bebas Neue"; но что-то я не заметил чтобы он где-то подключался. Может пропустил.

Answer 4

[Дмитрий]

Да потому что шрифты не подтягиваются у других. У меня все шрифты с засечками, а на ваших скриншотах - без. Поэтому и ширина блоков становится другая. И всё едет.

Answer 5

[Николай]

Ну как минимум шрифты не грузятся. Из-за этого едет хедер и что-то ещё.