Minimatica IE issues

  • Hey,

    I have been working with the Minimatica theme over the last month or so developing a website for a local church. The theme is awesome and they love it, but in developing the different elements within the site, I moved the nav bar to the top of the page, just under the header section (it didn’t like it when I put it inside the header).

    </header><!– #header –>
    <nav id=”access” role=”navigation”>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘primary_nav’, ‘container_id’ => ‘primary-nav’, ‘container_class’ => ‘nav’, ‘fallback_cb’ => ‘minimatica_nav_menu’ ) ); ?>
    </nav>

    This is fine and it works perfectly in all browsers, except IE. It’s all unaligned.
    But the nav bar isn’t the only thing that’s not aligned now.

    IE has been the pain in my backside for this project and I have tried everything to try and align the nav bar, background and page content – but I still can’t get it to work.
    I am not a very experienced coder and as a result, there may well be a really simple solution or that I have just made a number of stupid mistakes.
    But please, someone, explain how I can fix these IE alignment issues without messing up all the other browsers, that currently work fine.

    I read somewhere that you can add specific commands to IE using CSS, if there is no other way, could someone explain how I implement this as simply as possible.

    The website, is https://www.stlukesonline.co.uk

    Help! Thanks ??

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    Your site seems to work in IE9. How did you get images to appear?
    Just curious, because my images don’t appear in the gallery ??

    m

    Thread Starter sholdstock

    (@sholdstock)

    Hey,
    I should have marked this as resolved! But there were a few things that I had to fix to sort it.

    Firstly the images I had made in the gallery were (stupidly) in cmyk, which is fine on some browsers, but apparently IE can’t handle that. So check they are RGB.

    Presumably you have set the images as featured images on each post?

    That’s all I would know to try. sorry – I’m no pro!

    But the main topic solution was to add this line of code at the very top of the header page:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
    “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

    Which I’d stupidly missed out. Hope some of that helps!?
    I’ll leave this as unresolved in case someone else has some insight for you!

    Cheers,
    Stephen ??

    Hi Stephen,

    Thank you so much. I will try this shortly and holla back.

    I am not sure what you mean by the images being CMYK: what format would you recommend? RGB jpeg or png?

    Yes, they are set as featured images. The problem is only happening in IE 9: all other browsers are fine. The images just appear white until I roll over them in the gallery. At that point they fill in and expand as usual. When I roll off, they shrink and fade to white. I will experiment with the doctype also…

    Thanks for your help!

    Misha

    Hello Stephen,

    I am looking forward to solving some issues of this theme in older versions of IE.

    Slide effect has problems with internet explorer 6-7, when u click in the arrow any image appear anymore (your site doesn’t)

    Moreover, the slide effect crash sometimes, I do not know exactly which are the necessary size to dont have problems.

    Minimatica does not support versions older then IE8 but for your site rocks. How did u do it?

    thanks!

    Thread Starter sholdstock

    (@sholdstock)

    Hey,

    Thanks for the comments… to be honest, it took ages to go through the whole site ironing out IE bugs. Honestly, after this site, I have vowed to never touch IE by choice again!

    But I highly recommend using firebug for firefox (it’s a free plugin) which allows you to play with the code on your site as its live. It helped me find a lot of the issues.

    The above line of code fixed a lot for me, but also being literally explicit in all of my coding (i.e. not width: 35; but instead width: 35px;) helped.

    If all else fails, I nearly just deleted the side arrows to enable just a four boxed gallery at the start for the latest posts. That would probably solve your problem (although may not be what you are looking for aesthetically!)

    Sorry I can’t be more help. I wish I was a genius coder, but alas, I am not!

    Stephen ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Minimatica IE issues’ is closed to new replies.