Hallo leden,
Ik heb een aantal problemen met mijn css.
Als ik sommige afbeeldingen bewerk kom ik steeds een pixel te kort als ik het afbeelding vergroot dan verlengt hij hem wel maar aan de verkeerde kant.
Linkje: http://starohosting.nl/opdrachten/hor
Css code:
PHP
@charset "utf-8";
body { background: url(../images/bg.jpg); margin: 0; font-family: tahoma; font-size: 12px; color: #000000; }
a { color: #000000; text-decoration: none; }
p { margin: 0; border: none; font-size: 12px; }
/* header */
#header { width: 960px; margin: 0 auto; text-align: center; overflow: hidden; }
#header-img { background: url(../images/header.jpg) no-repeat; overflow: hidden; width: 960px; height: 145px; }
#top-menu { background: url(../images/menu.png); overflow: hidden; width: 960px; height: 50px; }
#top-menu ul { list-style: none; margin-top: 8px; }
#top-menu li { float: left; margin-right: 40px; }
#top-menu li a { font: 13px calibri; color:#111111; text-transform: lowercase; text-decoration: none; }
#wrapper { width: 960px; margin: 0 auto; }
#content { width: 960px; margin: 0 auto; }
.contop { background: url(../images/contop.png) no-repeat top; width: 960px; height: 31px; }
.contitle { font-size: 12px; color: FFF#; text-align: left; padding-top: 2px; }
.concenter { background: url(../images/concenter.png) repeat-y left; width: 930px; min-height: 20px; }
.context { font: 12px calibri; width: 960px; margin: 0 auto; padding-top: 10px; }
.conbottom { background: url(../images/conbottom.png) no-repeat bottom; width: 960px; height: 18px; }
#footer { min-width: 960px; padding-top: 300px; }
.copyright { background: url(../images/footer.png); height: 39px; overflow: hidden; }
.copytext { font: 13px calibri; width: 960px; padding-top: 12px; padding-left: 10px; float: left; }Dit is voor een basisschool website vind het heel vreemd dat hij het niet doet op een normale manier.
Heeft iemand een idee??
