Ajax and IE font trouble

loamguy1 · 03-25-2009, 08:15 PM

Hi, I have AJAX working on this webpage. If you click a small image of an album cover at the top of the page, AJAX is populating the bottom half with a bigger album cover and a gradient with the associated album track listing.

http://www.loamband.com/music.php

My issue is with the fonts in the gradient box. When the page first loads, it's fine, but if you click on any of the album covers, in IE7, the font appears more "blocky." It's subtle, but you can see it especially in the bigger title and if after you click on the "MUSIC" link on the left.

I tried different fonts and sizes in the gradient, but it does the same thing. This might be incidental, but you can also notice if you click an album link, the entire body moves up a pixel or two. Weird, since all AJAX is doing is populating that bottom half of the page...

Any ideas?

abduraooft · 03-26-2009, 08:50 AM

Fix the errors in your markup first, there might be some missing closing tags.

loamguy1 · 03-26-2009, 03:30 PM

I guess it didn't like my comments in my javascript.

Errors have been fixed. Still getting the font issue though...

loamguy1 · 03-26-2009, 05:18 PM

Well, I found one problem... I was using Dreamweaver's Spry tools for a FadeIn effect when clicking an album cover. I removed that event handler, and the fonts look good now in IE.

Still don't understand why the entire body is being moved up in IE though.