I use Firefox and decided to check my new website in IE8. The whole page is aligned to the left (supposed to be centered). In Firefox, my products are listed in columns of 3...in IE8 they're only in 2. There's also an error......


CODE
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618; yie8)
Timestamp: Sat, 25 Jul 2009 19:31:32 UTC


Message: Syntax error
Line: 32
Char: 1
Code: 0
URI: http://www.cactusandcoyote.com/store/index.php



When I tried to go into my index.php, I get this:

<?php
die("Access Denied");
?>

Can someone please take a look and tell me what I should do? Have do idea how to fix this. And it looks awful for anyone using IE.

Thanks!

www.cactusandcoyote.com

i dunno its weird, with google chrome its just working fine... Try reinstalling Firefox or something i dont think its something to do with the code...

Thanks Core, but my problem is in IE8, not Firefox. I created the site in Firefox and it looks fine there. I had a few friends of mine check and they all said it looks strange in IE8. ??


Anyone else?

yap in IE8 it looks different

Prajyot...do you know how I fix it?

In IE6 it completely stalls with broken images for the store logo and product images.

No idea about javascript, because it is not turned on.

In a ecommerce setting, at the very least, your home page should not have any dependency on javascript.

And, *never* release without checking it in IE. Again, in ecommerce settings, it is preferable that development take place with IE as the browser.

there are always some issues with ie if you design with firefox, usually there are css bugs etc...i think first thing u need to do is include a separate css for ie with fixes(will have to do some hit & trial)...

So can anyone give my any instruction? I obviously don't know what I'm doing.

I understand a bit of css but where/how do I even try to do the fixes?

Plumsauce, I can see everything in my IE8 browser...so do you mean 'you' don't have javascript turned on? It's working fine in my end. Store logo & product images are fine for me, too. With all due respect, maybe you should update to IE8...isn't IE6 way outdated? I'm sure you'd have better security with a newer version.

Respectfully,

Annie

P.S. Why can't I access php file?

Anyone else?

For centering, seems like you need a different stylesheet for IE. Probably being caused by CSS command in either div id="pageSurround" or div id="innerSurround" tags at the beginning of the body.

Optozippo,

Can you give specific directions on how to fix this? What file to I do this in or do I have to create a new file? If so, what code do I put in it?

I'm such a newbie!!!

Thanks,
Annie

Hi Annie,

No promises about results, however I will try help, however I would also like to request that if anytime you are making post with design or coding help, please do make it extremely easy for others to help. For example have the source code easy to view and remove any clutter from the source code not required for the test page.

P.S. In either case, you might want to remove tons of keywords from meta tag keywords and description.

I am not a css expert, however one simple way to make your site align center in browser is by using margin: auto for the main content wrapper (I think 'pageSurround' in your case). Try it and see if that helps.

You already have:

<!--[if IE]>
<link href="skins/BlueVibranceCC4/styleSheets/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Which is a command that tells the browser to read ie.css instead of the others if it's being opened in IE, so you need to alter the parameters for #pageSurround or #innerSurround in the ie.css file:


#pageSurround {
background-color:#FFF8DC;
border:3px inset #FFF8DC;
margin:0 auto;
padding-bottom:1px;
padding-top:1px;
width:875px;
}
#innerSurround {
background-color:#FFFFF0;
background-image:url(../styleImages/backgrounds/innerBg.png);
background-position:center bottom;
background-repeat:repeat-x;
border:1px solid #83612e;
margin:0 auto;
padding:0;
width:875px;
}

Also just make sure that those are even in the ie.css file in the first place, then commence tweaking. I'm not exactly sure right now what needs to be done with them, but that's the first step.

In regards to the error you are getting on line 32, you have:

<script type="text/javascript">

<link rel="shortcut icon" href="http://www.cactusandcoyote.com/favicon.ico" type="image/favicon.icon" />
<link rel="icon" href="http://www.cactusandcoyote.com/favicon.ico" type="image/favicon.icon" />

var RecaptchaOptions = {
theme : 'white'
}
</script>
</head>

..and this is inside your <script> tags. They should be in the <head> but outside the <script> tags, like this:

<script type="text/javascript">
var RecaptchaOptions = {
theme : 'white'
}
</script>
<link rel="shortcut icon" href="http://www.cactusandcoyote.com/favicon.ico" type="image/favicon.icon" />
<link rel="icon" href="http://www.cactusandcoyote.com/favicon.ico" type="image/favicon.icon" />
</head>