Кривится html ,css.. Почему div'ы налазят, разделаются, растягиваются?

Question

[Ainur Shakirov]

Сверстал страничку, сверстал у ноутбука, у пк все криво. Причем все ровно только у меня на ноуте.. Несколько дней мучил html,css,js но сделать страницу адаптивной не вышло... Фреймворки применять не собираюсь..

Почему все кривится? Хотя должно все быть нормально?( (Везде нормально, но главная скоро меня доконает)

Как вы поймёте из того что там наделано, верстать у меня не очень выходит. ..

Answer 1

[ModestesGonze]

Что тут скажешь, учиться и еще раз учиться.
В стилях жесть полная. Чего только стоит:

* {
box-sizing: padding-box !important;
}

Зачем?
Прочитайте про очищение потока.
Все косяки лень расписывать.
Книгу в зубы и вперед.

Comments

[Trow_eu]

и это люди "в топ двигают"

[Trow_eu]

эти*

[Ainur Shakirov]

Okay..

Answer 2

[tennalian]

Как минимум prntscr.com/5cctuz
Вообще, прошлый комментатор правильно сказал, вам еще учиться и учиться. Начните с основ - флоаты и иже с ними.

Answer 3

[Вячеслав]

Жесть не только в стилях. Я бы такую страничку закрыл через пару секунд, и никогда не обратился к такому сервису. Брать в руки не только книгу по CSS, но и учебник русского языка. Да хотя бы Ворду дать проверить грамотность. В 1-м предложении сразу 2 ошибки + непонятное выражение: "частый конте(Н)т" - это что? Во 2-м - 5 ошибок.