Layout layout psd>html5 - what are the mistakes?

Question

css

Please help with layout.
What are my mistakes?
Here is the html\css code:
pastebin.com/QL1E7jWM
Here is the psd file I am trying to lay out:
https://www.dropbox.com/s/bg0tebxox6z8hx0/icg.jpg?dl=0

Answer 1

Your floats are not set correctly. It is necessary to repeat the material about markup based on floating elements and at the same time about preventing blocks from falling out of the flow (clearfix).
There is a good article "All About the Float Property"
From O'Reilly I recommend reading chapter 12 ("Float-Based Page Layout") in The Big Book of CSS,
if you want, you can practice these skills on hmlacademy ( grid section ).
As for the header, relative positioning of the nested block is not the best solution. Better do it like this

#icg{
    line-height: 200px; /* задаем для line-height такое же значению, как у высоты header. */
    padding-left: 120px;
}

Answer 2

Where are your actual mistakes?
it’s just that the site is not visible live and you can’t immediately say that you are doing it wrong.
open your html file in a browser and look again at your code through firebag , and if you typed it through textmate , then you can immediately see the errors and where exactly.

Answer 3

jsfiddle.net , codepen.io .. questions later. No one will copy-paste for you for you ..

Answer 4

I made it in simple sublime text 3, pulling the necessary parameters (header sizes, color, etc.) from photoshop.
It turns out some kind of curve = (
"Start with a practicum"? But I have already spent a lot of time and effort on training after my main work for several years - books O "Reilly, htmlacademy, etc., etc., I would not like to think that this is wasted .result
> jsfiddle.net/sundeath/v9nqgrj2

Answer 5

Too many mistakes. Basic knowledge of HTML and CSS is required. Start with a workshop - htmlbook.ru/practical

Answer 6

Try to lay out the site markup (blocks). All that is only without headers and menus.
Better write it all over again. And of course htmlbook.ru will help you. Good luck!

Answer 7

If the question is about the correctness of HTML5, then it seems to me more correct to mark up https://yadi.sk/i/iuZmT5s4cy8To although the owner is a master. Criticism and discussion of this option is also welcome.