Hallo!
Ik ben bezig met een layout van een website. Hierbij heb ik de volgende structuur:
en deze css
Ik heb dus een container waar alles in gaat. In deze container zit links een border left en recht de rechtse. Daar tussen komt de website.
Wat mij niet lukt is om de border tot het einde van de container automatisch te laten lopen. Doe ik iets fout of gewoon weg niet goed
of is dit niet mogelijk?
Ik ben bezig met een layout van een website. Hierbij heb ik de volgende structuur:
HTML:
<div id="container">
<div id="borderLeft"></div>
<div id="websiteContainer">
<div id="header"></div>
</div>
<div id="borderRight"></div>
<div style= "clear:both">
</div>
en deze css
HTML:
body {
background-color: #EFEFEF;
text-align: center;
}
#container{
text-align: left;
background-color: green;
width: 1006px;
height: auto;
margin: 0 auto;
}
#borderLeft{
background-image: url("../images/BorderLeft.jpg");
background-repeat: repeat-y;
width: 16px;
height: auto;
float:left;
}
#websiteContainer
{
width: 974px;
float:left;
background-color: blue;
}
#borderRight{
background-image: url("../images/BorderRight.jpg");
background-repeat: repeat-y;
width: 16px;
height: inherit;
float:left;
}
#header{
width: 954px;
height: 74px;
margin: 5px 10px 0 10px;
background-color: red;
}
Ik heb dus een container waar alles in gaat. In deze container zit links een border left en recht de rechtse. Daar tussen komt de website.
Wat mij niet lukt is om de border tot het einde van de container automatisch te laten lopen. Doe ik iets fout of gewoon weg niet goed

Laatst bewerkt: