Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By j0k3z on
IE 6 is destroying my website.
I am using the theme from Drupal called Internet_services. I installed it on my website and it looks amazing in FF but the right bar drops off under the main section when viewed in IE. Strangly though their demo site looks fine in both browsers: http://www.complus.com.hk/html/
Why is it that it is rendering fine for them but my menu bar drops off and has smaller text? I looked through their css file and it seems to be identical to mine. I dont know what else it could possibly be.
Comments
how about a link to your
you could if you wanted to: make it so that IE browsers cant view your site, though I don't suggest it. IE still makes up the larger portion of users though it is getting smaller.
how about a link to your site ?
My website is currently
My website is currently being run on my laptop and is not hosted anywhere so I cant link to it.
Larger market share is an understatement
Here are the stats as of August 2006 from Market Share
Browser Market Share as of August, 2006
The brutal reality is that 8 out of 10 people who come to your site will be using IE. They will see your site the way it appears in IE--not the way you see it when you look at it in Firefox.
There has been no real stampede to Firefox after the initial burst of enthusiasm for it died down. In fact, throughout about half of 2005 it actually lost ground against IE and didn't meet its goal of 10% of the market by the end of that year. The market share of Firefox is creeping upward very slowly---and I mean very slowly, at an average of about one half of one percentage point a month. The release of IE 7 is probably going to cut into that stat and keep the trend flat, if not actually reverse it.
Even if IE7 has no effect at all on Firefox, which is unlikely, Firefox is still going to remain a minority browser for the foreseeable future barring some sort of miracle.
I would suggest that, no matter what our personal preferences and prejudices might be, thinking that IE "breaks" a site is flying in the face of reality. For the vast majority of internet users---it is your site that is broken, not their browser of choice.
I usually use Opera when I personally browse. I am in an even smaller minority than Firefox users. However, when I design a site, I wouldn't dream of viewing it in Opera---or Firefox, or Mozilla, or any other minority browser. I use IE every step of the way because if it doesn't work in Internet Explorer, then for all practical purposes the site doesn't work.
I also check a site design in other browsers along the way, of course, but its a lot less work to make it look good in Firefox, Opera et al than to try to figure out after the fact how to make it look and work the way I want it to look and work for 8 out of every 10 people on the net.
I use firefox to browse the
I use firefox to browse the web but I am designing my website in IE. The problem is that it is not working in IE. I am trying to fix this but I dont know how to do it.
breaking a site doesn't make it right.
Hey thomherfs
Nobody can deny that IE has the market share and will for as long as it's distributed with Windows.
I disagree that the vast majority of users have IE as their "browser of choice". It amazes me that the vast majority of my clients don't even realise that alternative browsers can be installed. When I suggest using another browser they say "what do you mean" or "how do I do that". I'm not on a crusade to get rid of IE because I don't really have the time or resources to fight Microsoft at the moment :) and I'm sure they are trying their best.
Although I could quite happily live without MS products, I do have a PC running windows and check just how badly it is looking as I'm developing.
Developing for IE first (breaking it to make it work) isn't really the best way to go. Why not build it using valid markup which usually means it displays as expected in Firefox etc. and then feed IE the fixes via conditional stylesheets etc. As every release of IE seems to throw up its own problems then surely better to maintain a standards based site, and fix later for the bully browser.
Why bother making a site accessible? maybe only 1% of users are disabled? As long as the majority of people think the site is working.
I thought the whole point of web standards was to fix the horrendous way websites used to be coded and to stop browser makers from pushing their own proprietory tags and assumed ways of rendering sites?
Anyway must get back to fixing that site I've already coded correctly!
Why can't everyone just use FireFox
Hi.
I really sympathise, but that's like asking why didn't everyone buy a BetaMax video recorder...
Oddly enough, demo sites are like film trailers; you get to see most, if not all, of the good bits :-)
The good news is that IE7's CSS support doesn't seem any less broken (though in subtly different ways) than IE6. We can only wait and see; I'd like to see IE at least manage to render an image-based horizontal ruler without adding a border that I never asked for and can't get rid of without some CSS titting about that disables the display of hr tags everywhere else on the site that aren't wrapped in a div...
It's late and I'm ranting. Sorry.
P.
It is working in the demo
It is working in the demo website though...
I created an issue on the theme but no response.
From the issue: This theme
From the issue:
Does the unmodified theme work on your site?
--
The Manual | Troubleshooting FAQ | Tips for posting | How to report a security issue.
The original template doesnt
The original template doesnt work.
I havent really changed many things.
Use conditional comments
With conditional comments (http://www.quirksmode.org/css/condcom.html) to serve additional css for IE, or overwrite already defined css so that IE displays it properly.
I normally start out designing for and developing with Firefox. There are some great extensions for it that make your life so much easier. When completed, I validate html and css, and only then do I check my pages in IE and create a separate css file that corrects anything that isn't correct for it.
This separate css is then included but this resides within a conditional comment.
hmmmm.....Thanks for the
hmmmm.....Thanks for the link but I dont really understand it. Im not much of a coder.
So I use something like
In my css file? Im not sure the proper css to type for IE anyways.
If you can assist me further I would greatly apreciate it.
Not in your css, in your page.tpl.php
create a new css document, call it ie-styles.css. Then put this directly before </head> in your page.tpl.php:
You need to identify the css rules that are not working properly in IE. Might be difficult, find the IE web developer (can be downloaded at microsoft, Beta2 seems to be the most recent). You then need to copy those rules into ie-styles.css and amend them so that it works properly in IE.
But that might proof difficult as well. It would be easier if you could guide as to an online version of your page, or at least provide some code, especially theme code that you changed so far (compared to the original code).
Edit: some explanations to the conditional comments. These are plain html comments, normally look like:
<!-- your comment here -->IE, however, detects the [if IE] and [endif] within the comments and displays whatever is coded between the if and endif. Other browsers just ignore it and treat them as ordinary comments.
Thank you for your help.
Thank you for your help.
I have loaded the IE dev tools and I am using it now. I started the DOM inspector and I clicked on each of the DIV elements in the bar to see if they matched up. Im not sure how to determine what the problem is though.
I wish there was a way to get my locally displayed website available on the internet for someone else to take a look at.
Is there a specific tool in the IE dev tools that I can use to track down the problem?
Also, it even crashes IE often when loading the page. FU*KING IE
Provide some of your theme code
Did you change anything of the theme? If yes, provide that particular code.
Another approach is to validate the site, with the Firefox Webdeveloper toolbar you can even validate local css (Tools > Validate Local CSS), maybe if you could provide this I could help you a bit more.
With using the IE toolbar, look at View > Class and ID information. You should get quite a lot of stuff up there, try to identify the block or what it is that is misplaced, get the class name or ID and based on that, find the relevant CSS code. Try changing it on your own (e.g. increase width - there should be a width somewhere if not you might be looking at the wrong thing), to see what happens.
Another possibility might be that some module injects its own css file that breaks IE. Get the webdeveloper toolbar for Firefox (can't say it often enough, one of the best tools out there!), and there you can even edit the css live, in this case, all we need it for, is to check which css files are all included. Normally, it should just be the drupal.css and the styles.css.
I hope that helps, if not, unfortunately, I won't be having much time over the weekend and next week to check back here but contact me through the contact form if you need any further help and I'll be looking into it.
Im currently using the
Im currently using the default theme code.
When I run the local css validator I get this
Using the firefox toolbar I can tell that the following stylesheets are loaded
I'm having no problems
Hi
I'm having no problems with the internet_services theme on ie6 and have even made it a fixed 3 column design. Unfortunately all the css's are running into each other in your post, so it is difficult to identify your exact problem, but you may have a conflict with one of the other css files also I have noticed that your #left is set to 74% and your #right to 23% in your style sheet. This doesn't equal 100% so may be causing some confusion in the browser. Also, I think some of the admin tables are too wide so may distort the way it shows up but your regular pages should be fine.
HTH
Julie
Thanks for your help! I
Thanks for your help!
I re-downloaded the theme again and took the stylesheet and copied it over to my directory and I was STILL have problems.
Then I completly erased the theme directory and replaced it new and it worked! It must have been another file in the directory causing the issues (maybe flatforum?)
Thanks again for the help!
Ohhh, It looks good in IE except the transperancy on the icons doesnt work, is this a known issue or fixable?
if the transparent items are
if the transparent items are .png files, then its a known browser issue. transparent .pngs and IE dont get along well from what I've come to understand. you coud trun the transparent .pngs to transparent .gifs and maintain same effect in both browsers.
Yes, they seem to be PNG
Yes, they seem to be PNG files so I will change them.
Also, my primary links have disapeard recently. The menu is visable an active acroding to admin/menu and I even checked under admin/settings/menu and everything looks good in there as well but its not showing up.
What about support for IE5/5.5? Can we drop support here?
I run a website that works ok in Firefox and IE6... but completely breaks in IE5....
Do people think that it's ok to stop supporting browsers like internet explorer 5/5.5 nowadays? I know that it says that it only has less than 2% market share, from the Market Share analysis above, but is this true in your real world experience?
Thanks for your thoughts...
Albert
Esalen Alumni Group
Personaly I would drop
Personaly I would drop support, but it depends on the audience your expecting on your site...