Slider Content Pushed Left in IE

[jimbwayne]

Hi all,

Hoping someone could help me with an IE issue I’m having with my home page slider content. Slider works beautifully in all browsers, but for some reason the content box is flush to the left of the page in IE. Any input would be much appreciated.

Here is the URL:

http://illuminostics.com

(Nevermind the other spacing issues in Nav and bottom content. Working on those areas).

And here’s the CSS for the slider content box elements.

.bx_content
{
z-index:999;
text-align: left;
color: #fff;
position: absolute;
top: 150px;
left: 100px;
width: 200px;
padding: 25px;
background: #333;
opacity: 0.9;
display: none;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.bx_slide_content
{
display:none;
position: relative;
left: -1200px;
padding-top: 20px;
color: #ebebeb;
}

.bx_slide_title
{
display:none;
position: relative;
left: 1200px;
}

.bx_content h5.bx_title
{
color: #fff;
font-size: 20px;
text-transform: uppercase;
background: transparent;
opacity: 0.9;
}

[djrolstad]

I noticed that the menu is pushed to the right a lot

[jimbwayne]

Yeah still making tweaks to menu also. Could that have anything to do with the content below being pushed left in IE? Thanks for the reply!

[jimbwayne]

If it helps, here is a live preview of the original theme template this is built off:

http://www.gallyapp.com/tf_themes/?theme=Gaia

Since originally posting this I’ve gone back and totally matched the original stylesheet, save for a few color replacements. Looks beautiful in all browsers except in all versions of IE…yet the original theme linked above looks fine in IE. Any ideas what could be going on here?

Thanks all!

[wolfcry911]

IE is in quirks mode because of the stray styling before the doctype (causing the doctype to not be found)- it belongs in the head section. There are currently 53 errors – I’d try to fix those.

[jimbwayne]

wolfcry!!!

Thanks so much, that did the trick. Not sure how that slice of code made its way in there. Appreciate the help.

[Author]

Posts