my menus are crazy!

[joaoleitao]

greetings,

i used this website to clean my html. the site now looks wonderful as i would look before. i solved all my problems. almost...

before i had my website to look diferent from IE to FF. now it works and looks the same in both which is great.

but... my menus are totaly opened. they have to limit in their size. how come this happens?

please help.

site

[joaoleitao]

sorry i forgot to say that the menus only open in that crazy matter in firefox. why? can you please look at my html code an tell me what i should add to fix it please?


do you think that that online html cleaning stuff helps to clean anything to my html code? is it good or should i leave it like i had before?


thank you

[InNeedofHelp]

I might be wrong, but i believe this is a CSS problem, because FF has some pixel problem that causes pages to look different in FF than in IE. To fix this problem you have to define the width and height or whatever properties in CSS:

#menutable {
       width:250px;
       height:300px;
       width:275px !important;
       height:325px !important;
}

Your CSS Code would look something similar to that, all that does is simply define the width and height of the table. As you can see width/height is defined twice, this deals with FF's pixel problem. The FF browser will use the height/width defined with !important there, whereas IE will use the height/width defined before the !important. I believe the difference in pixels between IE and FF is around 25px. (See above code)

So, that may be the answer to your problem, give it a shot and let me know.

P.S. - I dont actually have FF, i only have IE, so this problem may not be what i said above, however i do know that this problem with FF and pixels does exist, and to fix it you use the same method as above.

Hope that helps.

[blm126]

InNeedOfHelp:
I doubt it is a Firefox bug. More likely it is IE's fabulous support for the box model

joaoleitao:
I recommend you add a doctype to your page. And then validate it.

[InNeedofHelp]

Ah, I see. Thanks for the correction.

[joaoleitao]

I might be wrong, but i believe this is a CSS problem, because FF has some pixel problem that causes pages to look different in FF than in IE. To fix this problem you have to define the width and height or whatever properties in CSS:

#menutable {
       width:250px;
       height:300px;
       width:275px !important;
       height:325px !important;
}

Your CSS Code would look something similar to that, all that does is simply define the width and height of the table. As you can see width/height is defined twice, this deals with FF's pixel problem. The FF browser will use the height/width defined with !important there, whereas IE will use the height/width defined before the !important. I believe the difference in pixels between IE and FF is around 25px. (See above code)

So, that may be the answer to your problem, give it a shot and let me know.

P.S. - I dont actually have FF, i only have IE, so this problem may not be what i said above, however i do know that this problem with FF and pixels does exist, and to fix it you use the same method as above.

Hope that helps.

thank you very much, you just solved my problem!!!!

thank you thank you! hehe