Thread: css: width is anders in IE en FF
-
17-09-2004, 01:18 #1Member
- 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
-
-
17-09-2004, 16:07 #2Member
- 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
-
17-09-2004, 16:27 #3Member
- Registered
- 14/09/03
- Location
- Leuven
- Posts
- 7,324
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 28/28
dan wachten we allebei
no votes
-
17-09-2004, 16:36 #4Member
- Registered
- 18/07/02
- Location
- Deurne
- Posts
- 3,854
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 14/14
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.wel heel gek dus dat ik mijn menu 184px breedt moet maken terwijl hij eigenlijk 190px breedt isno votes
-
17-09-2004, 18:27 #5Member
- 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
-
17-09-2004, 22:45 #6
Zoek ff in google op box model hack
Foobarno votes
-
17-09-2004, 23:26 #7Member
- 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
