Thread

I swear, I experience the oddest problems…

After a few EE sites up my sleeve, things seem to be getting easier but this one is just plain crazy - In IE7, my pagination links become invisible.  Yet in most other common browsers they appear just fine?  In IE7, you can mouse over the general area (bottom left of the blog) and you can plainly see the mouse pointer become a “hand” when you roll over the invisible pagination button, yet the link text or button does not appear.  After hours of altering code, stripping the CSS and endless mind numbing searches for solutions, I’ve resorted to tech support!

edit: link removed by user request

The pagination is located below the blog, in the form of OLDER / NEWER buttons, at the bottom left.  Works great in Firefox and Safari.  IE6 as well.  IE7 though, makes me want to throw my computer through the window 😉

Any ideas?  Or any other information I can provide that might help?

Thanks!

I would start by making that image tag self-closing so it looks like this:

edit: link removed by user request

and see if that helps. I don’t think IE7 trips up on that, but you never know. If that does not work, I see that you have a conditional set for a special IE7 stylesheet. I would start by setting a height on the div around that pagination link/image and then tweak from there.

For some reason you have <div id=“pagination”> repeating 5 times which can throw a wobbly, the file example.com/index.php/site/style is being picked up as a HTML file so check the page type and content of that file and that may solve the issue.

I am not one to go validating other people’s pages, but at a quick glance, it does not seem to be valid XHTML. Validating is always a good way to start a troubleshooting process. No idea how picky IE7 really is.

ETA: In particular you are re-using

<div id="pagination">

which is invalid. Moved to CSS & Design.

Ah excellent, thanks for the replies… I believe the pagination div is within the weblog which is limited to 5 posts.  This is what is causing the repetition when the page is dynamically created… is there a better way to make this work?  It was to my understanding that pagination has to reside within the weblog entries - is this correct?

Okay, a quick update on this one…

I’ve validated the majority of the code - I say majority because there are some blog posts by the client which are missing alt tags.  But I closed the posts with faulty validation just to test the truly validated page and still no luck.  At least we’ve determined that the validity of the code is not causing IE7’s craziness. 

Its hard for me to grasp how I can pull code from an existing site that works fine, and place it on this site, where it now does not work in IE7.  Any other ideas would be greatly appreciated…