<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#container{
width:800px;
margin:0px auto;
height:100%;
min-height:100%;
margin-bottom:-19px;
background-color:#ffffff;
}
#content{
width:100%;
}
#left {
width:290px;
float:left;
background: repeat-x url(img/left.jpg);
padding-left:10px;
padding-right:10px;
}
#middel {
width:312px;
float:left;
background: repeat-x url(img/middel.jpg);
padding-left:10px;
padding-right:10px;
}
#right {
width:198px;
float:left;
background: repeat-x url(img/right.jpg);
padding-left:10px;
padding-right:10px;
}
-->
</style></head>
<body>
<div id="container">
<div id="content">
<div id="left"></div>
<div id="middel"></div>
<div id="right"></div>
</div>
</div>
</body>
</html>
549 views
Ik heb een stukje css/html waarin zegmaar 3 div's naast elkaar staan. Geen probleem verder. Maar als ik deze 3 div's een padding links en recht ga geven maakt de padding de div's breder waardoor ze niet meer naast elkaar passen. Wat kan ik doe zodat ik toch tekst etc. 10px van de linker en rechter kant afstand laat houden ? Is volgende code b.t.w. :
