 HTML interesse |
|
Ik ben wat aan het experimenteren met lay-outs. Heb een volgende lay-out maar krijg het niet voor elkaar om de pagina over de gehele lengte te laten lopen; dus de footer helemaal onderaan het scherm, de header bovenin en daartussen de sitebar aan de linkerkant en de inhoud daarnaast. Wie weet hier een oplossing voor? Met de volgende code lopen het menu en de inhoud nog door onder de footer en ook langer dan dat het scherm is.
html, body {
height:100%;
}
body {
margin: 0px;
padding: 0px;
font-family: Georgia, Times, Serif;
color: black;
background-color: #66FF33;
}
.titel{
background-color:#FF0000;
text-align:center;
}
#menu {
height: 100%;
list-style: none;
float: left;
width: 15%;
background-color:#33CCFF;
}
#tekst {
position: absolute;
top: 33%;
left: 18%;
}
.footer {
position: absolute;
width: 100%;
background-color:#FFFFFF;
font-size: 13px;
bottom: 0;
}
[/code]
<body>
<div class="titel">
<img src="titel1.png" height="80" width="800" alt="">
</div>
<div id="menu">
<li><a href="#">Home</a>
<li><a href="#">About</a>
<li><a href="#">Links</a>
<li><a href="#">Contact</a>
</div>
<div id="tekst">
Tekst
</div>
<div class="footer">
<div style="margin-left: 30px">Footer</div>
</div>
</body>
<img src="titel1.png" height="80" width="800" alt=""> <li><a href="#">About </a> <li><a href="#">Links </a> <li><a href="#">Contact </a> Tekst <div style="margin-left: 30px">Footer </div>
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
