Hey Gang, I've got two problems with IE (6&7) on a page that works perfectly in Safari.
The problem seems to be that when retrieving an ajax response, only parts of the response are properly loaded into the page. if you want to take a look, I've set up a test environment at http://zifimusic.com/test-v2 Problem #1 I make an ajax request to get two lists (from one request). I then split the list into two, and the first part of the list goes into one div, and the second part goes into a second list. The code I use is [code] success: function(response){ $('#features').html('<span class="feature">feature artists</ span><span class="feature" style="margin-left:440px;">upcoming shows</ span> '); var splitList = response.split("remoteSplitList"); alert(splitList[1]); $('#popList').html(splitList[0]); $('#holdBands').html(splitList[1]); } [/code] For some reason, IE will never show the 'splitList[1]'. I've swaped the splitLists into the different divs, and IF I put $ (#holdBands').html(splitList[0]);, the first part of this list will show in the holdBands area. I have also put an alert on the splitList[1], and it does contain the correct content in IE. I've also gone through my CSS, and since it works perfectly in FF and Safari, I think the problem may be the way the content is being written in IE. The second problem is very similar. When selecting an artist, I make an ajax request, which gets shows, albums, etc. For some reason if the artist has albums, only the last album shows up, if the artist does not have albums, then everything shows up (songs, shows, etc.). Again, looking at the alerts, both of the results look very similar, and everything works in FF and Safari, but not IE's . Here's that bit of code too (though I doubt this will be very helpful) [code] success: function(response){ alert(response); $('#artistPage').html(response); } [/code] I've spent many hours looking at this and trying things, but am completely stumped... any ideas?
