CSS external file question

[netadmin]

On the new version of the school website I am working on, I had previously had the CSS style commands embeded in the template PHP file that is included in all webpages automatically.

 

I was trying to move these embeded style commands to an external file. Everything except for the menu buttons works and looks the same. However, for some reason the menu buttons are double the width when the exact same coding is used in an external file.

 

Take a look: (add http): claridenfundraisers.com/tcsweb2/template/test.php

 

If you click on any of the links, you can see what it is supposed to look like. Are there any tricks? I find it odd that is the only problem that showed up.

[webman]

Looks OK to me in Firefox and Konqueror. Which browser are you using?

 

Also try this (replacing the whole section)

 

[netadmin]

I did try your recommended change, webman. It did not help this problem in IE.

 

I just tested it in Firefox (good thought). It turns out it is an IE problem.

I use IE 6.

 

Here is an attached screenshot of what I see in IE 6.

[dhassen]

I'm going to have a look at this for you while I wait for a reply to a questiuon I'm about to post....

 

Don't know if you know already but the menu looks fine in ie7, but when you go below li number one on a sublist, it dissapears. Makes me think you either have the width of your li or ul too wide, or you haven't set them. I'll have a look and see if I can help

[CESIL]

This problem is due to differences in the css interpretation of IE6

 

You will need some IE6 only hacks in the css to solve it

 

try adding

/* Hacks */

* html #menu li {

float: left;

height: 1%;

}

* html #menu a {

height: 1%;

}

/* End Hacks */

 

to your css...it should fix the height issue in IE6

[netadmin]

That works perfect in IE6. Thank you!

I will test on Mozilla and IE7 later in the week.

[CESIL]

I have been looking at these menus for some of my sites and found some great ideas here http://www.cssplay.co.uk/menus/flyout_4level.html

 

There are some great commented scripts here that are helping me to understand the whole css thing better