kodowanie layoutu

pytanie zadane 23 września 2017 w HTML i CSS przez Mark Bogart Początkujący (400 p.)

Witam.
Tworzę od podstaw layout pod forum, do którego później napiszę silnik.
Mam małe problemy z zakodowaniem szablonu. Stopka, nie jest na samym dole, przyciski w menu nie da się klikać (wcześniej się dało, możliwe że coś w kodzie błędnie napisałem) i najważniejsze - skalowanie strony... po przybliżeniu lub oddaleniu w przeglądarce wygląda to brzydko. Pomoże ktoś lub podpowie gdzie leżą błędy?
Z góry dziękuje :)

Link do strony:
http://spedistar.eu/forum/

1 odpowiedź

odpowiedź 23 września 2017 przez Wujek Greg Dyskutant (9,410 p.)
wybrane 28 września 2017 przez Mark Bogart

Najlepsza

Pierwsze primo, najpierw mechanizm, później layout.

Drugie primo w stopce masz straszny syf, padding:1200px żeby wyrównać tekst do prawej? Brzydko. Przejdź na flexa, przeczytaj poradnik:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

i działaj, w razie pytań pytaj

komentarz 23 września 2017 przez Tomek Sochacki Ekspert (227,510 p.)

a po polsku polecam artykuły:

http://devblog.eu/2017/05/flexbox-czesc-czwarta/

(oraz oczywiście części 1, 2 i 3)

komentarz 24 września 2017 przez Mark Bogart Początkujący (400 p.)

Coś zaczynam rozumieć, ale dalej coś jest nie tak. Mógłby ktoś zerknąć i powiedzieć gdzie tkwi problem?
http://spedistar.eu/forum2/

komentarz 24 września 2017 przez Wujek Greg Dyskutant (9,410 p.)

Co Ci nie pasuje w aktualnej wersji?

komentarz 24 września 2017 przez Mark Bogart Początkujący (400 p.)

Pierwsza sprawa. Jak zrobić żeby flex o numerze 1 oraz 2 dopasowywały się do okna wraz z przybliżaniem w przeglądarce?

Druga sprawa. Jeśli dodam do kodu <div class="menubottom"></div> a w css: .menubottom {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url(../images/menubottom.png);
    background-repeat: no-repeat;
    position: absolute;
}
Jest na samej górze tak jak powinno być, ale blokuje pozostałe elementy w body, nie można zaznaczać tekstu, klikać przycisków w menu itp itd.