The difference is that it fails in IE8 when loaded from my PC now. The logo, on-farm-solutions-logo.png, is being replaced by made-in-nz-logo.png, and the button-products.png are not appearing at all. It still acts like a css punctuation problem. Have you tried backstepping through the changes to see when it bombed?
> The logo, on-farm-solutions-logo.png, is being replaced by made-in-nz-logo.png
this was alway happening on the homepage only
and the made-in-nz-logo.png was replacing the current page link at the bottom of the page for both the top nav and the footer nav.
The whole things looks exactly as it did before I thought it was resolved!
Your idea of backstepping was a good one, but I’m unable to go back with the way I have just saved files which is a darn shame.
Thanks for your help I will go through the css as thats what seems to do it before
The site looks OK in IE8 to me. Can you restate the issue you are having?
WELL!
I’m doing my testing here https://browserlab.adobe.com
and have seen the same problems on a friends pc using ie8.
I am going through these issues on links at this address:
http://onfarmsolutions.com/ie/
to view the problem you could go here:
http://onfarmsolutions.com/ie/products.html
what I’m seeing is the products link from the header nav is missing
And the products link from the footer is missing.
while this is happening an image which is this:
http://onfarmsolutions.com/ie/assets/images/made-in-nz-logo.png
is appearing at the bottom of the page (as if its the products link from the header)
And the same image is appearing above the footer links (as if its the products link from the footer)
OK Ralph?
Cheers
Supposedly attached is a screen shot of IE8 (WinXPP classic look)
Ha! It stuck!
css Line 1458 (in #ofs-footer-base-content)
if that height is reduced to 40px, the height of the footer will be shortened. It was overlooked earlier.
that didn’t work for me Ronpat - can’t view screen shot
The screenshot is for Ralph. It will be visible to the rest of us after it has been approved.
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
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?
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…
No, it isn’t obvious at all. Most folks are not server admins, too <smile>.
Ok ronpat ok!
did my sarcastic sounding reply answer your question? <didn’t mean to sound sarcastic>
My error. Embarrassing.
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 {
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.
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!
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.
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