frustrating IE8 inconstancies going on - OH PLEASE HELP!

[danielhurley]

that didn't work for me Ronpat - can't view screen shot

[ronpat]

The screenshot is for Ralph. It will be visible to the rest of us after it has been approved.

[danielhurley]

that screen shot looks even worse than what I see!

here's a snapshot of what i see http://onfarmsolutions.com/ie/snaps.html

the red border around content is just for dev

[ronpat]

Where does the css file being used by /ie/products.html reside? There is a copy in /ie/assets/css/styles.css as well as in the /assets/css/styles.css. Which one is being used by /ie/products.html?

[danielhurley]

ERRRRRR

is it not obvious that the css file for /ie is in the assets folder for /ie

and the css file for the site without /ie is in the assets without /ie

I was just working on /ie to make changes and which is most current....

[ronpat]

No, it isn't obvious at all. Most folks are not server admins, too <smile>.

[danielhurley]

Ok ronpat ok!

did my sarcastic sounding reply answer your question? <didn't mean to sound sarcastic>

[ronpat]

My error. Embarrassing.

[ronpat]

Consider the line numbers to be "approximate".

Lines 241-242 incomplete selectors.  Should begin:

    #ofs-home-boxes .buttonh a:link,
    #ofs-home-boxes .buttonh a:visited {

    #ofs-home-boxes .buttonh a:hover,
    #ofs-home-boxes .buttonh a:active {

Line 277 incomplete selectors.  Should begin:

    #ofs-home-boxes-box-4 a:link,
    #ofs-home-boxes-box-4 a:visited,
    #ofs-home-boxes-box-4 a:active {

Line 530-537 incomplete selectors.  Should begin:

    #ofs-products-text-box-1 .button1 a:link,
    #ofs-products-text-box-1 .button1 a:visited {

    #ofs-products-text-box-1 .button1 a:hover,
    #ofs-products-text-box-1 .button1 a:active {

    #ofs-products-text-box-2 .button2 a:link,
    #ofs-products-text-box-2 .button2 a:visited {

    #ofs-products-text-box-2 .button2 a:hover,
    #ofs-products-text-box-2 .button2 a:active {

Line 1399 incomplete selector.  Should begin:

    #ofs-footer a:hover,
    #ofs-footer a:active {

Line 1435 incomplete selector.  Should begin:

    #ofs-footercontent-box-3 a:link,
    #ofs-footercontent-box-3 a:visited {

Line 1438 incomplete selector.  Should begin:

    #ofs-footercontent-box-3 a:hover,
    #ofs-footercontent-box-3 a:active {

[ronpat]

In addition, within #ofs-footer-base-content {
change the height to 40px;

That will reduce the height of the footer. You might want to find out why the height of the footer is set in 3 places in the footer.

[danielhurley]

RONPAT RONPAT RONPAT - consider these 2 big smackers, one on each cheek X X

I will save these file as they are now

and will keep an eye out for this kind of stuff in the future:
#ofs-home-boxes .buttonh a:link,
#ofs-home-boxes .buttonh a:visited {

thanks you!

[ronpat]

A little more about the footer area....

First: I suggest that you reduce the min-height of the #ofs-page-container back to 600px. At 900px it affected the height of the footer area; specifically, it forced space below the footer on short pages.

Next: The red outline that you placed around the #ofs-page-container extended below the bottom of the content area into the footer area.

When I changed the value of #footer, .clearfooter (was line 308) from 227px to 40px the red outline fit the bottom of the white area nicely.

Three lines above this is #ofs-contain with a margin-bottom of -227px and includes a comment that says that this value should be the negative of the footer's height. So, it seems that it would be appropriate to change this to -40px.

At the very least, should you have further problems with the footer area, these are a couple of things to think about.

"Try before you buy."

Cheers.

[danielhurley]

I changed the 900 back to 600

the redline was just a guide

that footer footer kinda thing seems good on the live address now with no /ie

thanks for the help ronpat

very much appreciated