Plik index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OnePage Theme</title>
<link rel="stylesheet" href="layout/stylesheets/style.css">
</head>
<body>
<div id="wrapper">
<section>
<span>Lorem ipsum 1</span>
</section>
<section>
<span>Lorem ipsum 2</span>
</section>
</div>
</body>
</html>
Plik style.css
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
background: rgb(20,20,20);
height: 100%;
}
#wrapper {
height: 100%;
}
#wrapper section {
width: 100%;
min-height: 100%;
background-color: rgb(255,99,99);
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
Edited by Novante, 20 September 2014 - 07:52 .
Choć teoretycznie powinien być nie mniejszy, nie większy. Jak masz za dużo tekstu to nie robisz takich stron, są one bardziej do prezentowania czegoś, niż opisywania, albo rozbijasz na różne sekcje i robisz np coś a'la slider czy inny paginator.
