Zou iemand mij kunnen helpen met het volgende probleem:
Als je dan bovenin het scherm kijkt staat daar een menu en deze moet in het grijze gedeelte komen.
Hierbij mijn css:
PHP
@charset "utf-8";
body { background-color: #5d5d5d; margin: 0; font-family: Verdana, Geneva, sans-serif;
font-size: 11px; color: #000000; }
a { color: #000000; text-decoration: none; }
p { margin: 0; }
#header { width: 888px; margin: 0 auto; text-align: center; }
#header-img { background: url(../images/header.jpg) no-repeat; width: 888px; height: 212px; }
.menu_1 { width: 880px; margin: 0px auto; }
.menu_1 ul, .menu_1 ul li { list-style-type: none; display: inline; padding: 7px; height: 300px; }
.menu_1 p { clear:left; }
#wrapper { width: 888px; margin: 0 auto; }
#content { width: 888px; margin: 0 auto; }
.contop { background: url(../images/contop.jpg) no-repeat top; width: 888px; height: 43px; }
.contitle { font-size: 12px; color: #000000; text-align: left; padding-top: 18px; }
.concenter { background: url(../images/concenter.jpg) repeat-y center; width: 888px; min-height: 20px; }
.context { width: 870px; margin: 0 auto; padding-top: 10px; }
.conbottom { background: url(../images/conbottom.jpg) no-repeat bottom; width: 888px; height: 21px; }
#footer { min-width: 888px; }
.copyright { background: url(../images/footer.jpg); height: 41px; }
.copytext { width: 888px; margin: 0 auto; padding-top: 17px; text-align: center; }