Hi

I got a Joomla website template and redesigned it to suit my needs. Everything was just perfect when I saw the site on IE 6, Windows. The site is doing fine on FireFox 3 on Mac, but is showing problems in IE 6. I need help to fix the problem. Please visit the site here and see it first in FireFox and than in IE.

Thanx
Max

I don't see any HUGE problems, but I do see some minor inconsistencies.
Things to check:
IE6 doesn't support min/max width/height, you need to feed IE6 a fixed width and you should use conditional comments and a separate IE6-only stylesheet to do it.

Watch out for the doubled-float margin bug - if you have an element floated left or right, and it also has a margin going in the same direction as the float, IE6 will DOUBLE that margin value. Setting that element to display:inline will fix that - and again that should go in that separate stylesheet.

If excusive stylesheet for IE is the only way to get around the problems, I will try to do so. Thanx for your input.

Separately, is there anyway to test website for IE/PC designed on a Mac? I develop my sites on Mac and want to test them on IE also. But IE for Mac is stuck on 5.3. Is there any Mac browser which works on IE lines?

Thanx again LadynRed

is there anyway to test website for IE/PC designed on a Mac?

Don't even waste your time. IE for the MAC is long DEAD. Most people with a Mac will be using a much more modern browser.

I liked it; however it took some time to load - along time. Cable - 12 seconds.

Originally Posted by LadynRed

Don't even waste your time. IE for the MAC is long DEAD. Most people with a Mac will be using a much more modern browser.

No, actually I guess I couldn't state it correctly. I do not care for IE on Mac. My problem is that since I am developing a website on a Mac, I can't check what my site would be doing in IE. I also cannot install Paralells Desktop or VM since my mac is a PPC.

Coming back to the original topic, LadynRed, I have set two rules in the head of my template. But they do not seem to be working:

<!--[if lte IE 6]>
<style type="text/css">
.clearfix {height: 1%;}
img {border: none;}
</style>
<![endif]-->

<!--[if gte IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->

I guess I am lost

My problem is that since I am developing a website on a Mac, I can't check what my site would be doing in IE.

http://browsershots.org and also:
http://www.browsercam.com/

I'm sure there are others as well.

I find the latter one to be faster, though I'm sure if you pay the 15 dollars per month, browsershots is pretty fast also. Browsercam gives you 200 shots for free, then they try to get you sign up for a paid account. Since I develop on a PC, and have a laptop to do IE6 testing, I almost never use them. Since the new PC version of Safari is almost exactly like the Mac version (albeit rather slow), mac testing is pretty easy for me.

Ok, and which bug did you find you triggered that you needed the height: 1% ?

Actually I haven't created this stylesheet. I have only modified it a bit to suit my needs. I am attaching the stylesheet with this reply. Since .css is not allowed to upload, I have made it .txt. Please have a look at the stylesheet and see what's wrong with it. You have already seen the site in IE and you know what the problem is. Thanx again LadynRed

I have worked out almost all the inconsistencies without supplying the site an IE-specific stylesheet, but still one problem is puzzling me. If you see the top Kwick menu in FF, it's perfectly occupying the whole width whereas if you see it in IE, the entire right-side column has edged out 14px to right side. I need to know how could I fix that right-side column to move further to right in IE. Waiting for help

I m getting the same problem on css templates also, I hate IE... It should be deleted worldwide... I don't have any problem with Firefox...