Hackerx72
Gebruiker
- Lid geworden
- 13 jul 2007
- Berichten
- 90
Hey iedereen,
Na mijn probleem opgelost te hebben van de minimum site breedte gaf dit direct mij een een ander probleem sinds ik mijn header niet meer op een andere manier dan relatief kan plaatsen. Ik was verplicht om de header relatief te plaatsen om ervoor te zorgen dat de 2 css boxen langs de zijkant bleven staan. Maar na dit probleem opgelost te hebben blijft mijn header niet meer op 1 onveranderlijke plek staan zoals ik wou.
Als iemand enig idee had om dit op te lossen?
Hier is mijn code om mijn probleem simpel te illustreren:
Na mijn probleem opgelost te hebben van de minimum site breedte gaf dit direct mij een een ander probleem sinds ik mijn header niet meer op een andere manier dan relatief kan plaatsen. Ik was verplicht om de header relatief te plaatsen om ervoor te zorgen dat de 2 css boxen langs de zijkant bleven staan. Maar na dit probleem opgelost te hebben blijft mijn header niet meer op 1 onveranderlijke plek staan zoals ik wou.
Als iemand enig idee had om dit op te lossen?
Hier is mijn code om mijn probleem simpel te illustreren:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Header Test</title>
<style type="text/css">
<!--
.container {
background-color: #900;
height: 100px;
position: relative;
left: 0px;
top: 0px;
}
.box1 {
background-color: #333;
height: 100px;
width: 100px;
float: left;
}
.box2 {
background-color: #999;
height: 100px;
width: 100px;
float: right;
}
body {
min-width: 1200px;
}
.container2 {
width: 800px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>
<body>
<div class="container">
<div class="box1"><center>Gemaakt door</center></div>
<div class="box2"><center>Hackerx72</center></div>
</div>
<div class="container2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean interdum porta velit eu pulvinar. Donec eget tempus dui. Maecenas id dolor ut arcu iaculis blandit. Proin tortor neque, ultricies vitae euismod in, euismod eu augue. Curabitur ornare orci molestie quam pulvinar consequat. Donec at mi ac mauris pretium blandit vel et enim. Mauris pharetra ultrices justo vitae feugiat. Aenean et nibh eget nunc egestas faucibus sit amet at massa. Nunc at quam quis mauris feugiat sagittis in eu tellus. Nullam pharetra, massa ut eleifend dictum, justo tellus luctus diam, accumsan sodales tellus risus nec orci. Maecenas at dolor nec nisl convallis aliquam sollicitudin at tellus. Ut eu purus elit, a tincidunt turpis. Maecenas ut felis quis nunc gravida fringilla non porttitor tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum vulputate ultrices. Cras porta, sapien ac condimentum fringilla, lectus risus fermentum nulla, at accumsan nunc turpis in sapien. Donec purus neque, dignissim in suscipit quis, dignissim eget enim.
Suspendisse ac justo mi, vehicula luctus arcu. Quisque at augue nec eros sodales pulvinar ut sed mauris. Cras dolor sem, cursus id fermentum rutrum, porttitor at tellus. Vestibulum non risus neque. Fusce eget interdum libero. Mauris imperdiet augue in velit aliquam eget varius orci lacinia. Sed sit amet magna felis, sit amet auctor erat. Mauris varius turpis laoreet lacus commodo tincidunt interdum purus elementum. Praesent interdum varius lacinia. Duis non ipsum rutrum nisi cursus lobortis in vel massa. Vestibulum nec imperdiet tortor. Nulla auctor venenatis porta. Fusce ut nibh magna, vehicula iaculis metus. Cras massa neque, posuere ac mattis vitae, lobortis a leo. Integer molestie, nunc et feugiat interdum, dui leo commodo felis, in volutpat lectus felis at mauris. Nulla arcu erat, rutrum faucibus ultricies nec, vulputate vitae libero. Pellentesque ac ultricies ante. Vivamus et iaculis ligula.
Cras ut nulla id nisl molestie dictum sit amet in sapien. Aenean quis venenatis justo. Duis lacinia ipsum vitae leo aliquet eu sodales diam dignissim. Duis ac metus sed purus interdum euismod quis eu libero. Curabitur fermentum fermentum rhoncus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In dui tortor, condimentum in porta iaculis, auctor vitae lacus. Proin dictum tincidunt sem at fringilla. In odio orci, sodales et rhoncus non, porttitor at lacus. Etiam eget felis eget lorem faucibus accumsan at vitae nunc. Vivamus porttitor scelerisque nulla, sit amet rutrum metus venenatis sit amet. Morbi gravida viverra massa ut egestas. Cras a neque eleifend eros dictum faucibus. Donec et nisl mauris, non sollicitudin diam. Donec enim lectus, scelerisque eu tempus eget, adipiscing non elit. Integer consequat pellentesque tortor quis sollicitudin. Nam ut arcu justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Donec leo lectus, iaculis a lacinia quis, blandit et mi. Donec eu consectetur tellus. Donec ultrices posuere mauris ut ultrices. Morbi sodales, lectus vel iaculis mattis, elit urna rhoncus neque, hendrerit commodo mauris justo eu velit. In dictum arcu in lectus commodo consequat. Donec quis ante felis. Curabitur sem sem, pretium vitae faucibus sed, fringilla ullamcorper sapien. Aenean posuere accumsan sodales. Fusce sit amet magna lacinia metus convallis blandit. Nam et elit ut lacus lobortis pretium ac et lorem. Vestibulum non leo sit amet nulla elementum luctus eu at enim. Donec porttitor luctus libero vitae facilisis. Aenean condimentum suscipit magna, eu semper neque volutpat sit amet. Vivamus in justo sit amet nibh molestie ornare. Integer ac risus vitae ipsum tempus mattis ut et risus. Nullam vestibulum hendrerit felis, in consequat lacus tristique ac. In vel adipiscing sem. Cras et lorem erat.
Quisque lobortis consequat eros, et adipiscing nisi sodales non. Morbi tortor diam, congue nec pharetra nec, varius at tellus. Duis feugiat ipsum eget purus consectetur sit amet tincidunt nulla suscipit. Nam ultrices, ante vel blandit consectetur, nisi diam interdum dui, ut vulputate urna dolor sed turpis. Phasellus at justo eget velit porttitor venenatis. Morbi nec risus orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis fringilla dui quis libero fringilla hendrerit. Praesent mi nunc, suscipit sed ultricies nec, ullamcorper sed dolor. Etiam eu massa ut nulla scelerisque consequat. Nullam lobortis consequat congue. Curabitur porttitor consequat enim, sit amet mollis erat tempor in. Duis luctus luctus porta. </div>
</body>
</html>
