coś nie tak z layoutem

[omgl0lwth]

Witam!

Chciałbym zrobić layout , tak jak podano na obrazku , niestety efektem mojej nieudolności jest efekt który załączę w plikach .html oraz .css

Bardzo proszę o jakieś cenne rady/wskazówki jak takowy problem rozwiązać. Załączam pliki

http://sendfile.es/pokaz/764892---5aul.html
http://sendfile.es/pokaz/764893---qgtk.html
http://sendfile.es/pokaz/764894---sfar.html

Pozdrawiam

[kajfe]

Witam https://jsfiddle.net/qtj4agqq/ tu jest cały kod jeśli pomogłem to dobrze bo mi się napisy wyświetlił bez kolorów div a po przyklepaniu kilku linijek html pojawiły się jak coś to pisz to pomogę musisz wszędzie dać "id" np header id naglówek itp tak na moja logike
Pozdrawiam

[omgl0lwth]

https://jsfiddle.net/qtj4agqq/1/ - teraz chyba działa tak jak chciałem ale zasadnicze pytanie - dlaczego dla nav nie musimy stosować zaraz po diva clear? a już dla stopki musimy dać takowego diva.

[Morfidon]

Bo jak zrobisz clear to od tego momentu jak sama nazwa wskazujesz czyścisz elementy z lewej i prawej. Nie 'musisz' stosować w tym wypadku co nie oznacza, że w innych nie będziesz akurat inaczej.

[omgl0lwth]

A jeszcze pytanie - jeśli przeglądarka ma mniej niż 750px - czy metodą flex/order da się wpasować artykuł pod header ( wtedy powinien się zrównać wysokością z reklamami) , a pod spodem stopka.

Sam się sobie w sumie dziwię co ja za teorię tworzenia layoutów tworzę na divach , później display flex a później je grupuje orderem z clear:both

Czarny kolor to bgcolor containera - tam idealnie powinien wpasować się artykuł - jest na to szansa?

[Morfidon]

Jeśli przeglądarka ma mniej 'px' to najlepiej stosować media-queries z CSS 3. Wtedy robi się tzw. responsive web design, czyli taki, który dostosowuje się do rozdzielczości użytkownika.