Internet Explorer v. All Other Browsers: Why oh why?
Hi.
I've been designing an About Page for my eBay account. This is the first thing I've ever coded properly, and its no exaggeration to say I know very, very, very little about coding. I have heavily adapted an open source design, and surprisingly it is going very well. Its quite a simply design, but I like it. It works perfectly in every single browser under the sun (I've tested EXTENSIVELY) apart from IE6, IE7, IE8, IE9. I cannot understand it. When using IE the whole thing breaks up and various formatting is lost etc. Please help me fix it.
The page is here: http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=babblebuy
To see it working properly just use Firefox or something, that should be fine.
Thanks for your help!
| Attachment | Size |
|---|---|
| The Broken Version (IE) | 218.56 KB |
| The Working Version | 197.12 KB |
webwiz posted this at 18:19 — 24th February 2011.
He has: 629 posts
Joined: May 2007
Reason: Internet Explorer (all versions) is behaving like the ancient and bug-filled version 5.5. You need a DOCTYPE to get IE to behave:
http://www.gunlaug.no/contents/wd_additions_34.html
These days it is safe to use the HTML DOCTYPE that looks like this:
<!DOCTYPE html>
No guarantees that will fix problems in all IE versions, but give it a go and let us know if the problem child still misbehaves.
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
xfgd posted this at 20:48 — 24th February 2011.
They have: 5 posts
Joined: Feb 2011
Unfortunately it hasn't solved it in any of the IEs as far as I can tell. The main problem is that for some reason the left column wont line up properly with the top banner, which shifts everything down.
I've attached the HTML file with the code. If you (or anyone else) has enough time to look through it for problems that would be fantastic. If you need to take a look at the CSS the link is in the HTML file. They are both pretty small files so it shouldn't take too long if anyone's happy.
Thanks for the help.
Greg K posted this at 21:07 — 24th February 2011.
He has: 2,145 posts
Joined: Nov 2003
First things first. Get it to validate first, only then worry about what tweaks are needed for a specific browser.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Starting with good solid code makes sure you are not chasing error/glitch after error/glitch.
Good solid foundation is the way to go.
xfgd posted this at 21:33 — 24th February 2011.
They have: 5 posts
Joined: Feb 2011
Okay. Both the HTML and CSS are now validated. There were a few errors to fix, but unfortunately it hasn't fixed the issue. The new HTML file is attached.
Where should I go from here?
Cheers for your help.
webwiz posted this at 02:47 — 25th February 2011.
He has: 629 posts
Joined: May 2007
No CSS. No images. No workee.
Sticky post for this forum sez:
PLEASE remember to post a working link!
xfgd posted this at 14:17 — 25th February 2011.
They have: 5 posts
Joined: Feb 2011
The link works perfectly, on both Chrome and Firefox and all other browsers but IE. I need help getting it to work in IE.
webwiz posted this at 18:27 — 26th February 2011.
He has: 629 posts
Joined: May 2007
If you mean the link in your original post, I still see no DOCTYPE... ????
xfgd posted this at 23:49 — 26th February 2011.
They have: 5 posts
Joined: Feb 2011
I think eBay automatically removes the DOCTYPE. I managed to fix the problem, and the page should now load fine on IE and all other browsers. I had ordered some of the Div tags wrongly along with some CSS errors.
Thanks for all your help.
brett1425 posted this at 06:58 — 3rd November 2011.
They have: 15 posts
Joined: Oct 2011
i prefer internet explorer....
rockywhatson posted this at 19:46 — 7th January 2012.
They have: 3 posts
Joined: Jan 2012
It may be possible that some plug-ins or components are missing or may be due to virus the setting or installation of it is damaged, i am telling you all this thing because i am not facing this kinds of thing and if the problem consist then got to internet explorer >> tools >> internet option >> advance >> rest , reset all just press them and reset the settings and also install java and flash plugin again in internet explorer.
privatdetektiv
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.