HTML beginner |
|
ik heb een aparte div die de border weergeeft.
de breedte is 800px.
het content gedeelte heb ik ingesteld op 75%
het menugedeelte heb ik ingesteld op 25%
maar het menugedeelte overlapt de border. hoe kan da?
dit is de site waar je het probleem kan zien:
http://www.metallic-overpelt.be/metallic3
de css code =
.globalborder {
margin-top:0;
margin-bottom:0;
vertical-align:top;
border: 1px solid #4B4B4B;
background-color: #FFFFFF;
width: 800px;
margin-left: auto;
margin-right:auto;
}
.header {
margin-top:0;
margin-bottom:0;
margin-left: auto;
margin-right: auto;
height: 120px;
width: 100%;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}
.content {
background-color:#FFFFFF;
width: 75%;
margin-top:0px;
margin-bottom:0px;
}
.menu {
background-color:#FFFFFF;
width: 25%;
position: absolute;
border-left: 1px solid #4B4B4B;
margin-top:0px;
margin-bottom:0px;
margin-right:
}
.globalborder { margin-top:0; margin-bottom:0; vertical-align:top; border: 1px solid #4B4B4B; background-color: #FFFFFF; width: 800px; margin-left: auto; margin-right:auto; } margin-top:0; margin-bottom:0; margin-left: auto; margin-right: auto; height: 120px; width: 100%; background -image :url (images /header.jpg ); background-repeat:no-repeat; } .content { background-color:#FFFFFF; width: 75%; margin-top:0px; margin-bottom:0px; } .menu { background-color:#FFFFFF; width: 25%; position: absolute; border-left: 1px solid #4B4B4B; margin-top:0px; margin-bottom:0px; margin-right: }
|