logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$4
CSS problemn Autofocus+

I have installed the Autofocus+ theme at my website. However i now see that the lay out is not correct in IE (7&8) - but ok at Firefox and Chrome.

I also checked other website which use this theme and they have the same problem:

- frontpage is shown not correct: margin under header is gone so block of photo's is above the header.
- text on the block photo's is shown double.

for more info check out: www.paulaalonsodrawings.com

What is wrong? And how can i fix it?

Cheers PJ

This question has been answered.

PJ Javisst | 06/09/10 at 6:31pm Edit

autofocus CSS problem IE, autofocus plus, autofocus+

(5) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    06/09/10
    6:42pm
    Milan Petrovic says:

    Fixing the theme to work in IE with such advanced CSS/JS effects will take a lot of time, and most likely theme author decided not to do it in the first place. Also, it can be quite impossible.

    Previous versions of this answer: 06/09/10 at 6:42pm

    • 06/10/10 3:23am

      PJ Javisst says:

      but isn't the theme then worthless, because 90% of the people are using IE?

  • avatar
    Last edited:
    06/09/10
    7:25pm
    Lew Ayotte says:

    It actually looks fine in IE8, depending on which mode you are using...

    You're going to need to setup different CSS styles for IE8 and IE7 to make everything work. You can do this by adding this to your header.php:



    
<!--[if IE 7]>
    
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie7.css" type="text/css">
    
<![endif]-->
    
<!--[if IE 8]>
    
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie8.css" type="text/css">
    
<![endif]-->


    Then just add your IE specific CSS files to fix the issues on the site.

    You can also use this IE Developers Toolbar to help you troubleshoot your CSS issues.

    Lew

    • 06/10/10 3:11am

      PJ Javisst says:

      In general it is known that IE handles padding/margins differently. So this would explain the disappearance of the space between header and block of photo's.

      But i do not understand why the text above the block of photo's is double

  • avatar
    Last edited:
    06/09/10
    10:00pm
    WP Security says:

    Try adding the following code to your header.php file:

    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    

    
Place it just below, <head profile="http://gmpg.org/xfn/11"> and above the title tag.

    Previous versions of this answer: 06/09/10 at 9:59pm | 06/09/10 at 10:00pm

    • 06/10/10 3:09am

      PJ Javisst says:

      ...this compatibility tag is already in the header.php. But this did not solve the problem.

  • avatar
    Last edited:
    06/10/10
    12:02am
    Rashad Aliyev says:

    If you still not solved it, you can contact with me.

    • 06/10/10 3:47am

      PJ Javisst says:

      the problem is still there....how can you help me?

  • avatar
    Last edited:
    06/21/10
    7:43am
    Peter Franken says:

    Have you checked the css style sheet on errors. I believe the css contains some missing "px" at some parameters.

    • 06/10/10 7:15am

      PJ Javisst says:

      thanks, i am checking it right now.

This question has expired.





Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.