Why doesn't my lists work in IE? is it CSS

Hi,
look at here:

http://www.pokereagles.com/

the list works in FF but not in IE. Why?

THnaks
Nima

 

Define your terms. What do "work" and "not work" mean?

When defining a problem, be specific and explicit.

cheers,

gary

 

If you look at my home page you see what i mean by not working. It's very obvious

 

You have three lists, one of which has sub-lists. I gave the two menus a look-see and did not see an obvious problem. I quite missed the one in which you're interested. But, I should not have had to search for the problem. You should have described it in detail, along with what you've tried.

In spite of your poor netiquette[1], and in spite of your not answering my request[2], I went back and looked again. IE is doing exactly what you've told it.

/* Fix IE. Hide from IE Mac*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

Code (markup):

I'm guessing the Holly Hack and floating the li are there to combat IE's white space bug. I wrote an article on this about 20 months ago, White Space Bug Revisited, which will offer alternative methods. In this case, all you really need to do is apply the Holly Hack to the a, and not bother the li. Or you can be more specific with your selector so it doesn't affect a !.Navigation ul.

gary

[1] See http://www.catb.org/~esr/faqs/smart-questions.html This paper is generally considered the standard for professional behavior in forums, lists and news groups.

[2] You should never get snotty with those who are able to help you. You will find the help drying up.

 

KK5st,

Thanks a lot for the help. I didn't know how to explain the problem - I would have if I knew...

When I applied the style to only .Navigation, that fixed my IE List problem.

I don't know why, but now there is a slight alignment problem in FF for the left navigation. At the end of the left navigation, there is the weekly picture, but it is attached to the navigation (only Firefox) even though I have margin-top:10px; for it's style...

Any idea why?

Thanks for the help again,
Nima

 

Hmm, I'm noticing you're having a lot of problems with the same Web site. I think a re-write is going to be in order.

Looks like it's time for the one-person volunteer squad to get to work...

 

I've fixed all the problems except one now

That is the 100% height issue..
Other than that the website is great. (design of it)

 

Height 100% is pretty unreliable. What I generally do is create a background image in the main content container. Works 100% of the time.

 

that's what i have right now (a background color). but it doesnt work in FF.

 

A 100% height model is reliable only when you are trying to create a 100% document (minimum) height model. Those are reliable, and can be done without using absolute or fixed positioning.

 

/* Fix IE. Hide from IE Mac*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

Code (markup):

Need to make a slight adjustment for that to hide from IE 5/mac

/* Fix IE. Hide from IE Mac[B]\[/B]*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

Code (markup):

 

Dan,
I don't understand what you mean. Is 100% height minimum different than normal 100% height?

Adam,
I'm not using that line anymore...

Do you know how I could possibly fix the 100% height issue?

Thank you all

 

Try adding a min-height to the #main DIV (note that Internet Explorer up through version six will treat height as min-height, so use a * html hack to emulate this) equal to the height of your left column.

For example (and this is just an example):

#main {
    min-height: 300px;
}

* html #main {
    height: 300px;
}

Code (markup):