SaRs!
Legacy Member
Hoi iedereen!
Het is ondertussen al weer een tijdje geleden dat ik nog een site heb gemaakt en een paar dagen geleden kreeg ik dus een opdrachtje in mijn schoot geworpen.
Link:
Html:
Css:
Hoe komt het nu dat er onderaan de site nog gescrold kan worden en er een witte balk is? Ik heb alle height toch op 100% gezet?
en ook als ik het venster verklein en vergroot gebeuren er rare dingen die normaal gezien niet mogen gebeuren.
Iemand die mij kan helpen aub<?
Peace
Het is ondertussen al weer een tijdje geleden dat ik nog een site heb gemaakt en een paar dagen geleden kreeg ik dus een opdrachtje in mijn schoot geworpen.
Link:
Code:
http://92.48.206.29/~logogfx/test/home.htmlHtml:
HTML:
<html lang="en">
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Fédération Colombophile Internationale</title>
</head>
<body>
<div id="backgroundleft"></div><div id="backgroundright"></div>
<div id="container">
<div id="leftside">
<div id="logo"></div>
<div id="menubalk" align="right">test</div>
</div>
<div id="midden"><div id="fotokader"></div></div>
<div id="rightside">
<div class="rightsidetext">
Hier komt de text :D
</div>
</div>
</div>
</body>
</html>Css:
HTML:
body {
height: 100%;
width: 100%;
margin: 0;
}
#backgroundleft {
position:absolute;
z-index:-1;
width:50%;
height:100%;
}
#backgroundright {
position:absolute;
z-index:-1;
width:50%;
height:100%;
background-color: #c9bba0;
right: 0px;
}
#container {
width: 900px;
height: 100%;
z-index: 1;
position: absolute;
left: 10%;
right: 10%;
}
#leftside {
width: 290px;
float: left;
height: 100%;
}
#midden {
width: 310px;
float: left;
height: 100%;
background-image: url('images/bg.jpg');
background-repeat: repeat-y;
}
#rightside {
width: 290px;
float: left;
height: 100%;
background-color: #c9bba0;
background-repeat: repeat-y;
}
#logo {
background-image: url('images/logo.jpg');
width: 290px;
height: 125px;
}
#menubalk {
width: 290px;
height: 500px;
padding-top: 80px;
text-align: right;
}
#fotokader {
width: 270px;
height: 490px;
background-image: url('images/foto1.jpg');
margin-left: 14px;
margin-top: 100px;
}
.rightsidetext {
width: 290px;
height: auto;
margin-top: 137px;
margin-left: 20px;
color: #677ab3;
}Hoe komt het nu dat er onderaan de site nog gescrold kan worden en er een witte balk is? Ik heb alle height toch op 100% gezet?
en ook als ik het venster verklein en vergroot gebeuren er rare dingen die normaal gezien niet mogen gebeuren.
Iemand die mij kan helpen aub<?
Peace