Al de zoveelste keer dat ik er problemen mee heb :(
Ik heb al gekeken nar die css tut 3 met de layout maar het wil ech niet lukken :@
Kan iemand helpen aub ?
bron:
<html>
<head>
<title>CSS Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
min-height: 100%;
margin-bottom: 1px;
}
body {
background-color: #293c43;
}
* {
margin: 0px;
padding: 0px;
}
#container{
width: 600px;
height: 100%;
border-top: 1px solid #9da6b3;
border-bottom: 1px solid #9da6b3;
border-left: 1px solid #9da6b3;
border-right: 1px solid #9da6b3;
}
#header{
width: 600px;
height: 120px;
float: left;
}
#content1{
float: left;
width: 600px;
border-bottom: 2px solid #9da6b3;
}
#content2{
float: left;
width: 450;
border-right: 2px solid #9da6b3;
}
#navigation {
margin: 0px 10px 0px 220px;
float: right;
width: 150;
}
.clear
{
clear: both;
}
</style>
</head>
<body>
<div id="container">
<!-- Begin Container -->
<div id="header"></div>
<br>
<div id="content1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nisl nulla, ornare eget, ultricies ac, sodales sed, sem. Suspendisse pretium rhoncus pede. Etiam nisi libero, laoreet in, tempor sed, molestie eu, lacus.<br>
</div>
<div id="content2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nisl nulla, ornare eget, ultricies ac, sodales sed, sem. Suspendisse pretium rhoncus pede. Etiam nisi libero, laoreet in, tempor sed, molestie eu, lacus. Morbi volutpat rutrum lectus. Pellentesque sit amet ante id arcu suscipit fermentum. Duis elementum tellus vitae ante. Quisque nec nulla vitae justo pretium lobortis. Morbi libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In vitae ipsum. Curabitur non tortor. Proin dictum lobortis dui. Aliquam erat volutpat. Vestibulum dictum tempus augue. Nunc at lectus. In hac habitasse platea dictumst. Maecenas sapien diam, porta in, elementum vel, dictum a, diam. Nulla pharetra augue ac urna. Etiam elementum luctus turpis. Suspendisse dictum nisi id massa.</div>
<br class="clear">
<div id="navigation">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nisl nulla, ornare eget, ultricies ac, sodales sed, sem. Suspendisse pretium rhoncus pede. Etiam nisi libero, laoreet in, tempor sed, molestie eu, lacus. Morbi volutpat rutrum lectus. Pellentesque sit amet ante id arcu suscipit fermentum. Duis elementum tellus vitae ante. Quisque nec nulla vitae justo pretium lobortis. Morbi libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In vitae ipsum. Curabitur non tortor. Proin dictum lobortis dui.</div>
<!-- Einde Container -->
</div>
</body>
</html>Bij voorbaat dank
