Having problems with site in IE!!

Start by cleaning up your xhtml.

Peter

Not to mention you’re still using version 1.9 of the jQ theme, when version 2.4 was available at the time of your writing.

… by the way, all caps titles brings you instant discredit.

sorry about the caps thing.. it’s just that I want to solve this problem I’m having.

I downloaded the theme about a few weeks ago, maybe 3 at max. And I found this theme on www.ads-software.com and downloaded from there, so I should have gotten the latest version, right? How do you know which version your using? And how can I update my theme without losing any content? Any help would be appreciated.

Drop a new theme in wp-content and activate it; you won’t loose posts and images, as they’re in the database.

But there is a problem with the way IE handles the headline and especcially the date. It should be a couple of milimetres to the left, extended out in the background. But it isn’t. At least not in my version of IE (version 7) and before you tell me to upgrade – thats a company decision which I can’t control.
It works in Safari and in Firefox!

I’m having the same problem. Just updated to 2.4 to see if that would correct the IE 7 problems and it does not. THe tabs on the left don’t float out, they’re pushed in and this causes alignment issues with everything else.

Also seems to mess up the Simple Press forum plugin in IE 7 as well, but this may be it’s own styling and not this themes. Might have to find something else.

I don’t have a complete fix (it’s getting late!), but found a place to start. The header.php file has an inline stylesheet for IE (embedded in a comment to hide from other browsers). There is specific CSS for the div.date style about line 67. I changed the last margin value to -80px and it shifts the date to about the right place. It did shift the post-info line in my theme but I’m sure that could be fixed as well. There’s some good info in this article for those who, like me, haven’t dealt with these IE issues in a long time.

I noticed that the author’s site has the same issue when viewed in IE, so I suspect it’s not caused by a plug-in.

So it seems the solution lies in hiding a few more IE specific hacks in the header.php to fix the alignment, and hope it doesn’t break anything else.

Here’s a fix I put together. I’ll forward it to the theme author.

Change the in-line style sheet in header.php starting at line 64 from:

<!--[if IE]>
<style type="text/css">
div.date {float:left; position:static; margin:10px 10px 0 0; padding:0;}
div.preview {margin:15px 0;}
.comment-link {background:none;}
#search-submit {margin: 10px 0 0 0; height: 28px;}
</style>
<![endif]-->

to:

<!--[if IE]>
<style type="text/css">
div.date {float:left; position:static; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff;}
p.post_info {float:left;width: 100%;}
div.preview {margin:15px 0 0 0;}
div.headline {margin:40px 0 0 20px; height:80px; }
#search-submit {margin: 10px 0 0 0; height: 28px;}
</style>
<![endif]-->

@ shawnmcf: Thanx for your help – your code works wonders!
I hope that it is implemented in the next upgrade of jQ – and that the corners that are so beautifully rounded when shown in Safari and Firefox will be as nice in IE in the future.

@00petersen: Glad to help. Sharing a few lines of CSS seems like the least I can do when so many people are sharing complete themes!

@ shawnmcf: another Thank You from a WordPress user! The code you provided above worked like a charm to fix layout of post date tabs, which also improves overall page layout in IE. Still not as nicely rendered as Safari, Firefox, Opera – but IE continues to be darn pesky in terms of CSS.