Different behaviour with IE6 & Mozilla

crgarner · Post by **crgarner** » Wed Dec 08, 2004 5:15 pm

My web page http://www.pettistree.suffolk.gov.uk/newpettistreetwo/ displays as I would like it under IE6, but the submenus look different under Mozilla. Under Mozilla the submenus are 750px wide with text centred. Any ideas, please?

Post by **Ruth** » Wed Dec 08, 2004 7:42 pm

You're down level on the menu. v5.52, we are now at v5.63. Try upgrading and see if that fixes the problem. Make sure to keep the old files just in case.

Ruth

crgarner · Post by **crgarner** » Thu Dec 09, 2004 8:47 am

Now on 5.63 Still behaves in the same way!

Post by **Ruth** » Thu Dec 09, 2004 6:54 pm

The problem comes from the style sheet. I believe it is this line

Code: Select all

TABLE {
	MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}

The other lines to do with tables may also do other things. I think you might have to make that a class if you must have it. If you remove that from the stylesheet the submenus on Netscape go back to normal size. As to the text being in different position, if you are making it all left, you might put text="left"; at the end of you menuStyle definition. Hope that helps.

Ruth

crgarner · Post by **crgarner** » Thu Dec 09, 2004 9:49 pm

Ruth

Many thanks. Converting the TABLE to a class in the style sheet solves the problem.

Post by **Ruth** » Fri Dec 10, 2004 12:25 am

Chris,
I made a mistake about the left for the text. It's align="left"; I don't know where I go the text bit.

As to the stylesheet problem. When you have differences between browsers, the first thing to check is the stylesheet. Usually, I remove it totally and see if the menu then functions OK. The menu is made up of tables, divs, spans etc, so stylesheets can cause some problem in different browsers, which can usually be solved by using class.

Ruth