Layout strony internetowej

pytanie zadane 7 września 2016 w HTML i CSS przez Eliro Stary wyjadacz (12,160 p.)

Jak powinien wyglądać layout strony internetowej? Czy dobrze zacząłem?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
div.container
{
width: 100%;
}
header {}
nav {}
main {}
aside {}
footer {}
</style>
</head>
<body>
<div id="container">
<header>
<nav></nav>
</header>
<main></main>
<aside></aside>
<footer></footer>
</div>
</body>
</html>

Docelowo taki układ:

Pytam, bo ktoś tu kiedyś mi pisał, że spaskudziłem stronę div'ami.

No i jeszcze mam problem z nawigacją, bo nie mam pojęcia jak ustawić w headerze logo i menu obok siebie.

3 odpowiedzi

odpowiedź 7 września 2016 przez Kamil Naja Nałogowiec (27,550 p.)
wybrane 17 października 2018 przez Eliro

odpowiedź 7 września 2016 przez radek024 Szeryf (77,160 p.)

Layout może być taki - ale nie jest on obecnie tym standardowym. Teraz popularniejsze są szablony, na których treść zawiera 100% ustalonej szerokości, sama natomiast jest podzielona na bloki. Układ, jaki podałeś jest czasami jeszcze wykorzystywany, ale nie zawsze treść po lewej to miejsce na aside, to samo z prawą stroną - jest to baardzo umowne. Dodatkowo w kodzie main znajduje się nad aside, jak chcesz zatem ustawić to drugie po lewej stronie?