dresse
Legacy Member
heb een zeer gek probleempje omtrent deze site:
http://dresse.free.fr/wgzcentrum_beta/oud/
zoals ge ziet als ge in firefox over de menus gaat dan komt het oranje balkje ni helemaal tot op het einde. als ge in IE derover gaat dan komt het wel goed.
de navigatie en tekst zijn twee divs naast elkaar die samen in een container van 779px breedt zitten.
de navigatie is 184px breedt en de content div is 587px breedt. (=samen:771px)
normaal gezien zou ik dus nog 9px over moeten hebben, maar da heb ik dus ni meer in IE, 1px toevoegen en de twee divs springen onder elkaar.
in FF heb ik die 9px wel nog over en da ziet ge als ge over het menu gaat...
wel heel gek dus dat ik mijn menu 184px breedt moet maken terwijl hij eigenlijk 190px breedt is
dus zou iemand mij kunnen uitleggen hoe dit komt, zal waarschijnljik liggen aan de interpretaties van boxmoddel ofzo da ik ni snap.
code die misschien van belang kan zijn...
http://dresse.free.fr/wgzcentrum_beta/oud/
zoals ge ziet als ge in firefox over de menus gaat dan komt het oranje balkje ni helemaal tot op het einde. als ge in IE derover gaat dan komt het wel goed.
de navigatie en tekst zijn twee divs naast elkaar die samen in een container van 779px breedt zitten.
de navigatie is 184px breedt en de content div is 587px breedt. (=samen:771px)
normaal gezien zou ik dus nog 9px over moeten hebben, maar da heb ik dus ni meer in IE, 1px toevoegen en de twee divs springen onder elkaar.
in FF heb ik die 9px wel nog over en da ziet ge als ge over het menu gaat...
wel heel gek dus dat ik mijn menu 184px breedt moet maken terwijl hij eigenlijk 190px breedt is
dus zou iemand mij kunnen uitleggen hoe dit komt, zal waarschijnljik liggen aan de interpretaties van boxmoddel ofzo da ik ni snap.
code die misschien van belang kan zijn...
Code:
#container {margin: auto;
width: 779px;
background-image:url('background_table.gif');
background-repeat:repeat-y;
background-position:50% 0;
border-left:1px solid black;
border-right:1px solid black}
#left {float:left;
padding:0px;
margin:0px}
#left #nav {width:184px}
#right {float:right;
padding:0px;
margin:0px}
#right #content {width:587px;}
a:active.nav,a:visited.nav,a:link.nav {font-family:verdana;
color:white;
display:block;
padding:3px;
margin:0px;
background-color:#216BA8;
text-decoration:none;
font-weight:bolder;
width:100%;
font-size:9pt;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-decoration:none;}
a:hover.nav {font-family:verdana;
color:white;
display:block;
padding:3px;
margin:0px;
background-color:#DC5C2B;
text-decoration:none;
font-weight:bolder;
width:100%;
font-size:9pt;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-decoration:none;}
