В чем моя проблема?

Question

[Николай Маратов]

codepen.io/anon/pen/gpZwXK пытался верстать, верстал как умею, в процессе верстка сломалась. Прошу указать, что делаю не так, и как надо делать, или в чем моя проблема (чего я не знаю, не использую, и подсказать материал для заполнения пробелов в знаниях) У меня есть чувство что я просто не понимаю принципа верстки.

Comments

[tef]

Что не так то?

[psyhO_octopus]

Ну бы более четко описали, что вам нужно. А так "пойди туда не знаю куда" получается.

[ColdSpirit]

Мне кажется, что автор вопроса просит более опытных людей прокомментировать его верстку, указать на ошибки, т.к. ему показалось, что его верстка крива.

Answer 1

[SergPro]

В чем моя проблема?

1) В отсутствии

*{  
box-sizing: border-box;
}

2)В непонимании работы некоторых стилей

.aside-logo p {
  position: relative;
  top: 135px;  /* нужно margin-top */
  left: 210px; /* нужно margin-left */
}

3)Клеарфиксы описаны, но классы нужным тегам (к которым применяется флоат) не присвоены

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {clear: both;}

Ну и в вопросе, как было отмечено ранее.

Answer 2

[Ivan]

1ое, что бросается в глаза то, что вы задаете фиксированную ширину для блока .wrap

.wrap {
	height: 3000px;
}

Так делать не надо.

Comments

[Serj-One]

Вас не смущает, что height - это высота?

[Ivan]

опечатка, конечно же высота.