PStore 2 Internet Explorer

Can anyone tell me why this webpage and the rest of the site aren't viewing correctly in the evil Internet Explorer 7??? It appears to push the image down on the home page, and the rest of the pages dont seem to appear unless its in 'compatability view', which only then is half of the content.

I bought powerstore 2 for php advantage of hopefully not having an internet explorer problem, lol!

The page is - index.php

Its hard for me to pin point an exact fix, but here are some ideas. In general issues like this are due to the width on your elements. IE is very picky, so if the widths are even a pixel or 2 off it can cause this issue of moving it down to another line.

Have you created you page in such a way that there is a main wrapper, then each column is either floated or has a margin left/right offset? The issue you are experiences isn't likely due to powerstore 2 itself since the home page looks pretty customized.

-justin

Originally Said By: Justin Nemeth

  Its hard for me to pin point an exact fix, but here are some ideas. In general issues like this are due to the width on your elements. IE is very picky, so if the widths are even a pixel or 2 off it can cause this issue of moving it down to another line.

Have you created you page in such a way that there is a main wrapper, then each column is either floated or has a margin left/right offset? The issue you are experiences isn't likely due to powerstore 2 itself since the home page looks pretty customized.

-justin  

Cheers Justin, any advice to find out what exactly is effecting it?? or is it a case of tweaking and looking back at the original powerstore page?

You could try Firebug lite (getfirebug.com). That will allow you to inspect the elements on the page and change things on the fly. But with IE for the most part its going to be tweaking the code and giving it a try in IE.

Originally Said By: Justin Nemeth

  You could try Firebug lite (getfirebug.com). That will allow you to inspect the elements on the page and change things on the fly. But with IE for the most part its going to be tweaking the code and giving it a try in IE.  

Thanks Justin, I already use Firebug. I think this is going to be a long tedious look back to the orginal and see what i've done wrong.

I know i've slightly lowered the main content box under the navigation bar, but it now is level with the rest of the site, using its index.php & main template page.

I'll give it a go! Cheers

Originally Said By: Justin Nemeth

  You could try Firebug lite (getfirebug.com). That will allow you to inspect the elements on the page and change things on the fly. But with IE for the most part its going to be tweaking the code and giving it a try in IE.  

Hi Justin, The problem is being caused by the side menu that I have fitted on to the index.php. How do I add a correct side menu without throwing everything else about? I put side menu as an 'experience' Div with menu writer php inside.

Also, with my side menu taken out, the rest of the site still does not want to appear correctly on IE, all I've done for the other pages is change the colours, a few minor adjustments.

Code below; -

<div id="navWrapper2">
<div id="topNavigation">
<div id="searchBox">
<form id="searchForm" method="get" action="Products_Results.php" >
<input name="Search" type="submit" id="Search" value="Search" alt="Search" />
<input type="text" name="S_ProductName" id="S_ProductName" />
</form>
</div>
<?php require_once("CSSMenuWriter/cssmw_home/menu.php"); ?>
</div>
</div>
<div id="experience">
<?php require_once("CSSMenuWriter/intermediate.php"); ?></div>
<div id="storeMessage">
<h1>Don't let vintage<br />shopping become<br />a thing of<br />the past<br /><br />Get your<br />frock on!</h1>
</div>
<div id="featuredWrapper">

Ben,

Try to set the margin of contentBox class in content.css file with 40 px from top.

Originally Said By: Magic

  Ben,

Try to set the margin of contentBox class in content.css file with 40 px from top.  

Thanks Magic, it appears to show some more content on the other pages of the site, but the home index.php page is still the same. Do you have to give the side menu the same sort of margins to show more of them in IE?

Ben,

I think that you can solve this with the margin settings of two divs....

div1 = where your upper navigation has been included
div2 = the contentBox which you adjusted a while ago

I really don't know the structure of your index page. Probably you need additional classes in your css files to control your index page.

Originally Said By: Magic

  Ben,

I think that you can solve this with the margin settings of two divs....

div1 = where your upper navigation has been included
div2 = the contentBox which you adjusted a while ago

I really don't know the structure of your index page. Probably you need additional classes in your css files to control your index page.  

Hey Magic,

i've had a mamouth go and managed to get everything right on Firefox, and IE, but now it is just Safari v4 on the index.php page that is not showing all the background white to the end of the footer, any suggestions please?

Thanks!