- This topic is empty.
January 13, 2012 at 12:29 am #36086
I have en unordered list of games, it shows the 20 newest games and older games will be wraped into a div with display:none element. But the older games still show in IE.
- game 1
- game 2
- game 3
- game 4
- game 5
- game 6
- game 7
- game 8
Show older games
If I have the list items inside the div inside another
tag it works in IE but i’d rather have it working this way. Any ideas ?January 13, 2012 at 12:55 am #94504
You’re not closing the style values in quotations. Look:
So if you add the double quote after: display:none; it should work.January 13, 2012 at 1:43 am #94507
Aaa, I wrote that little markup just when i wrote the post, the actual code is alot bigger, so this is just an type-o, the orignal code is right ;)
I have also tried $(“div.older_games”).hide(); but not working either.January 13, 2012 at 1:57 am #94509
Ok, well I’m quite sure it’s an HTML or CSS problem. Note, class=”trigger now doesn’t have a closing tag in your example :p
Validate your HTML and CSS – That should point you in the right direction.January 13, 2012 at 5:09 am #94516
No errors related to this matter, just some unclosed br tags. And also if it was an HTML/CSS problem I dont think it would work in all browsers, but it works in every browser except IE. I’m really getting frustrated, IE is a stupid browser hehe.January 13, 2012 at 5:21 am #94517timmeyMember
do you have a link to ur page?January 13, 2012 at 6:16 am #94518
@lulli240 I’ve had my fair share of browser inconsistencies to know when it’s probably an HTML / CSS error, and this is most probably one of them.
Display: none works in IE6-10 – without any form of bugs. If it’s not working in a specific browser, there is either a syntax problem, or you’re applying a style to that browser specifically somehow (IE7 stylesheet?)
as timmey asked, do you have a link?January 13, 2012 at 9:20 am #94527MottieMember
I have a feeling that older IE doesn’t allow you to put elements between LI’s. Maybe you need to append the LI’s dynamically instead of hiding/showing them.January 13, 2012 at 9:30 am #94529January 13, 2012 at 11:45 pm #94574
A link to the page http://leikjavaktin.is/testingarea/?platform=ps3#
I at least i didnt see a error related to that, http://validator.w3.org/check?uri=http%3A%2F%2Fleikjavaktin.is%2Flist_loop_validate.php&charset=%28detect+automatically%29&doctype=Inline&group=0
And Its in my post that it works if i but another ul tag inside the list, but I need a way to get it to work without the extra ul. Because the live search form doesn’t search inside the extra ul.
- The forum ‘CSS’ is closed to new topics and replies.