1. #1
    dresse's Avatar
    Registered
    14/09/03
    Location
    Leuven
    Posts
    7,324
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    28/28

    css: width is anders in IE en FF

    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...
    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;}
    no votes  

  2. #2
    Pietje Prik's Avatar
    Registered
    24/11/03
    Location
    Harelbeke
    Posts
    114
    iTrader
    -1 (0%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    ik heb net hetzelfde probleem, maar dan omgekeerd, in IE komt het niet heel tot het einde, en in FF wel

    Ik wacht op de oplossing
    no votes  

  3. #3
    dresse's Avatar
    Registered
    14/09/03
    Location
    Leuven
    Posts
    7,324
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    28/28
    dan wachten we allebei
    no votes  

  4. #4
    LunchBox's Avatar
    Registered
    18/07/02
    Location
    Deurne
    Posts
    3,854
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    14/14
    wel heel gek dus dat ik mijn menu 184px breedt moet maken terwijl hij eigenlijk 190px breedt is
    kheb't ni grondig bekeken maar mijn eerste impuls als ik zoiets zie is te gaan kijken naar padding, wat zien we daar "padding:3px;" -- 2*3px = 6px en dah's precies het verschil van 190-184 dus daar ligt waarschijnlijk al een oorzaak.
    no votes  

  5. #5
    dresse's Avatar
    Registered
    14/09/03
    Location
    Leuven
    Posts
    7,324
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    28/28
    ewel ja, ma die padding staat in de navigatie.en in dazelfde staat ook da van -moz-box-sizing:border-box (wa er normaal voor zorgt dat den box hetzelfde wordt geinterpreteerd door IE en FF qua padding)
    maja, da zal dan ni werken zeker op a:

    seffes is testen.
    no votes  

  6. #6
    deadlock's Avatar
    Registered
    17/07/02
    Posts
    152
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Zoek ff in google op box model hack
    Foobar
    no votes  

  7. #7
    dresse's Avatar
    Registered
    14/09/03
    Location
    Leuven
    Posts
    7,324
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    28/28
    dienen -moz-box-sizing:border-box is normaal zonen box model hack...

    enfin, heb het ni meer nodig aangezien ik het nu in frames heb moete zette.
    (link werkt daarom ook ni meer, sorry daarvoor)
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in