You are here: Forum Home / RapidWeaver User Forum / HTML, CSS, and Design Help / Thread
Help needed please - Big problems on IE7
HI,
It should come as no surprise, but my newly published site has BIG, BIG problems displaying in IE7. In all other browsers (including IE8) it seems OK. I don’t have IE6, but it must be ugly in that pathetic excuse ...............
The theme is Falcon Pro by Robbie White.
http://hobiecatnationals.com.au/
Can anyone help please?
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
I guess I should have mentioned what the scary IE7 problems are:
The imported header should be transparent, but is not
The borders are not displaying in line
the side nave goes nuts (in a very, very bad way) when the mouse is over it.
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
Oh, dear.
This is worse than I thought. On viewing this page http://hobiecatnationals.com.au/accommodation/agents.html in IE7 it is completely broken. As with the rest of the site this page is fine in every other browser.
I can live with a minor fault in IE7, but as it stands the page is un-readable. I’ll put the Joe Workman browser reject stack in on the home page, but the site is still too badly broken to view.
HELP - Please!
Home:
http://hobiecatnationals.com.au
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
Hi Pete,
I just checked both pages in IE7 and I do not see any problem. OK, the line spacing of the top text (“The Hog’s Breath…”) could be a little bigger, but I’m sure that’s not what you mean.
Maybe you solved it? Otherwise, could it be a cache thing with IE?
Jeroen
Image Attachments
Click thumbnail to see full-size image
If it can’t be done the way it should be done, it should be done the way it can be done.
Thanks for having a look Jeroen.
It is interesting to see that while there were problems as view by you, they did appear different to they way they do for me on IE7.
I have found what was causing the border issues - it was my custom footer. When I turned the footer off the borders were OK.
HOWEVER, I still have a few problems. The REALLY BIG ones are that the side nave menu on this page: http://hobiecatnationals.com.au/accommodation/
jumps down and up when you mouse over it. This makes it almost impossible for the site visitor to click the link!
AND ....... on this page http://hobiecatnationals.com.au/accommodation/agents.html the formatting has one completely to crap (screenshot attached) The page is almost unreadable.
The one smaller issue is that the header background is meant to be transparent, and it is not.
These are all IE7 issues. Other browsers (inc IE8) are OK.
Image Attachments
Click thumbnail to see full-size image
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
[...]
HOWEVER, I still have a few problems. The REALLY BIG ones are that the side nave menu on this page: http://hobiecatnationals.com.au/accommodation/
jumps down and up when you mouse over it. This makes it almost impossible for the site visitor to click the link!AND ....... on this page http://hobiecatnationals.com.au/accommodation/agents.html the formatting has one completely to crap (screenshot attached) The page is almost unreadable.
[...]
These are all IE7 issues. Other browsers (inc IE8) are OK.
Hi Pete,
Strange â?? I see non of the problems you mention when viewing those page with IE7! I hope for you that somebody else can take a look.
Jeroen
If it can’t be done the way it should be done, it should be done the way it can be done.
Hmmm.
I’ve checked this on a PC too, and got the same result as running windows on Virtual Box on my iMac.
Jeroen, did you get the “Browser Reject” when you visited the site? (Thank you Joe Workman!!!)
Image Attachments
Click thumbnail to see full-size image
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
Ah… I understand the confusion now. You have the problems in IE6, not IE7!
It will be difficult to find the culprit here. There are 2 clues:
1. The demo page of Robbie White performs ok in IE6, so it is something you have added or changed. I can’t think of any other solution than taking away your changes step by step until it works in IE6. Than at least you know what to work on…
2. The doctype of the page is XHTML 1.0 Strict. Maybe (and no more than that) it will help when you set the output of your pages to Tidied (Page Inspector > General > Output > Tidied) and re-publish all files. This will most probably change the doctype to Transitional and could help to make IE6 a little more happy.
One more thing: I found some silly mistakes in the css (including that of the page inspector) like
#awesome_raine_and_horne, #awesome_raine_and_horne:visited {
...
padding-left: &#xid;=padding_horizontal&#xpx;;
padding-right: &#xid;=padding_horizontal&#xpx;;
...
}
I have no idea if that makes IE6 upset, but it will never hurt to correct it.
I wish you lots of success with this problem. Once you found the culprit, and you need help solving it, I will be happy to look at it.
Jeroen
If it can’t be done the way it should be done, it should be done the way it can be done.
I tried a few different options with tidied output and image format, but no joy.
I don’t know enough about css to be able to tell what is ‘silly’ about the code. Any help would be appreciated.
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
I tried a few different options with tidied output and image format, but no joy.
I don’t know enough about css to be able to tell what is ‘silly’ about the code. Any help would be appreciated.
Hi Pete,
Attached is a ‘cleaned’ version of the css in the page inspector of http://hobiecatnationals.com.au/accommodation/agents.html. You can replace the content of this file with the css you have now in the page inspector > header > css.
If that helps with the menu problems of this page in IE6, you’re lucky. If not, you can keep it or revert to the original css. I don’t think it will make any difference for your page layout, because I only took out the mistakes that a browser normally ignores.
When it doesn’t help, your problem lays somewhere else and you will have to look further.
Let’s hope…
Jeroen
If it can’t be done the way it should be done, it should be done the way it can be done.
Thanks Jeroen - unfortunately it didn’t work. BUGGER!!!!
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.
Okay. So far for the easy way out :-(
If you really want to solve this issue, you will have to find the answer to the question: what is the difference between the demo page of Robbie White (that works in IE6) and yours (that doesn’t)?
Stacks? Try a styled text page in IE6.
One of the stacks? Try a stacks page with a text stack only.
Custom css? Take it out and see what happens.
etc, etc.
I understand you have Virtual Box, so you can export your site locally and view it in IE6 in Virtual Box When you concentrate on the things you added/changed and do this systematically, you must find the cause of the problems sooner or later.
I wish you a lot of wisdom and patience with this!
Jeroen
If it can’t be done the way it should be done, it should be done the way it can be done.
As I’m eating a large portion of humble pie, I thought I should let you know that I checked to see which version of IE was running on my virtual PC - it is IE6, not 7 as I had thought. So sorry to all of you (especially Jeroen) that had been flumoxed by my problems.
Jeroen, thank you for your help! While IE6 compatibility is not as much of a concern as IE7, I will follow your suggestions and try to find a solution, so that IE6 users can at least read the site.
So I’m still open for suggestions / help.
Humbly,
Pete
Cheers
Pete
Of all the things I’ve lost, I miss my mind the most.