Lightbox Ulimate – Internet Explorer display issue

[kjoy]

On my site at http://www.therosejh.com/menus the content area displays correctly in every browser I’ve tested except for Internet Explorer v. 8 and 9. In IE, it cuts the content box in half and creates 2 separate boxes. If you can view the site in Firefox (or other) and IE you will see the difference. When I remove the shortcode it displays as one box in IE.

Thank you

[wpCommerce]

Hi, It’s happening only on IE.

Each lightbox shortcode is replaced with plain HTML code. So I don’t see why that would create an issue. Have you made any CSS customization to style each shortcode anchor?

[kjoy]

Only:

‘.lightbox_ultimate_text_anchor

{

display: inline;

}’

and when I take it out the page is still cut in half.

[wpCommerce]

That shouldn’t be a problem. But I can see that some other CSS classes are also being applied on them:

1)my_test_class

2)titlelink

[kjoy]

This is the page:

<div class="border">&nbsp;<img class="wp-image-41 aligncenter" title="The Rose" src="http://therosejh.com/wp-content/uploads/2012/07/rose-logomark.png" alt="The Rose" width="128" height="131" /><h1>[wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER2.jpg" text="cocktails" description="" gallery_group="cocktails" class="my_test_class titlelink"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER22.jpg" class="h1" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER23.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER24.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER25.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER26.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER27.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER28.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"] &nbsp; | &nbsp; [wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER29.jpg" text="food" description="" class="my_test_class titlelink"] &nbsp; | &nbsp; [wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/08/HAPPYHOUR_WEBSITE.jpg" text="happy hour" description="" class="my_test_class titlelink"]</h1>

</div>

Titlelink is:

.titlelink a {

color: #ffffff;

}

my_test_class is nothing. I deleted it.

There is also my_hidden_block which is just:

.my_hidden_block {

display: none;

}

That is so that only one anchor link shows up but multiple gallery images. But on a test page http://www.therosejh.com/background1 which does not include the my_hidden_block, the same split page occurs.

[kjoy]

<div class="border"> <img class="wp-image-41 aligncenter" title="The Rose" src="http://therosejh.com/wp-content/uploads/2012/07/rose-logomark.png" alt="The Rose" width="128" height="131" /><h1>[wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER2.jpg" text="cocktails" description="" gallery_group="cocktails" class="my_test_class titlelink"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER22.jpg" class="h1" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER23.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER24.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER25.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER26.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER27.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"][wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER28.jpg" text="" description="" gallery_group="cocktails" class="my_hidden_block"]   |   [wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/07/ROSE_MENU_SUMMER29.jpg" text="food" description="" class="my_test_class titlelink"]   |   [wp_lightbox_prettyPhoto_anchor_text_image link="http://therosejh.com/wp-content/uploads/2012/08/HAPPYHOUR_WEBSITE.jpg" text="happy hour" description="" class="my_test_class titlelink"]</h1>

</div>

[wpCommerce]

Hi, Can you please create three anchor texts without using any lightbox ultimate shortcode? For example: COCKTAILS, FOOD, HAPPY HOUR. You can easily turn them into links from the Visual editor.

Simply replace the current menu with these 3 anchor texts (also try to arrange them in the same order they are right now). That way we will know what’s actually happening.

[kjoy]

See http://www.therosejh.com/background1

I did what you asked and now I realize its any link, not just the Ultimate Lightbox links.

Apologies, I had tested it only by removing the Ultimate Lightbox links, not adding in another link, so it seemed that was what was causing it.

Do you have any suggestions based on this new information even though I know it is now known that it is not Ultimate Lightbox?

Thank you

[wpCommerce]

Actually I don’t have any idea either. It’s kind of weird that it creates 2 boxes for a simple HTML link. Try contacting the theme developer to see if they can help you with it.

[Author]

Posts