Testing in IE6
LearnExpression Support Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        


12»»

Testing in IE6 Expand / Collapse
Author
Message
Posted 2/8/2008 5:45:57 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Forum Members
Last Login: 8/18/2008 7:16:12 PM
Posts: 87, Visits: 275
HI

Does IE6 support the float class, why i ask is i get some very strange results in IE6, whats your opinions with testing for IE6, should i grin and bear it or just design using old techniques for IE6.

Incidentally any one wanting to multi test for IE6, here is a handy program that installs all IE versions on your PC.
http://tredosoft.com/Multiple_IE 

Post #1145
Posted 2/8/2008 9:17:05 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Forum Members
Last Login: 8/18/2008 7:16:12 PM
Posts: 87, Visits: 275
Hi

I tested the float and that seems to be OK, i think the issue with IE6 is it is very sensitive, so basically in IE7, FF etc you can design to the Pixel, when adding DIV's side by side covering a fixed width.

In IE6 that seems to not be as sensitive and forces right columns down..not nice but i think this is the issue...

What would you do Dustin, design for older browsers ar just IE7 and others

Post #1149
Posted 2/10/2008 4:19:05 AM
Forum Member

Forum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum Member

Group: Forum Members
Last Login: 12/27/2008 5:25:03 AM
Posts: 48, Visits: 93
I'm sure Dustin will give you a more detailed answer but from what I've run into IE6 calculates the widths differently when you are using padding and/or borders. That's why you need to use hacks for IE that define a different width for your divs then the one in your normal css code. I think if you play around with it a little you'll see what happens.

I'm going to check out the link you posted. I was running IE7 but when I started working with EW nothing I did would work for my daughter on her IE6 so I down graded.

Post #1152
Posted 2/10/2008 10:38:00 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Forum Members
Last Login: 8/18/2008 7:16:12 PM
Posts: 87, Visits: 275
Hi Tjaks

I always try to use fixed widths, so i am going to assume that you have hit the nail on the head. Just to figure out where exactly IE6 is taking the difference in dimensions from...I shall drink coffee and not sleep until i figure it our...or...I will wait till Dustin is back...

Thanks guys...

Post #1154
Posted 2/11/2008 8:47:32 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Forum Members
Last Login: 8/18/2008 7:16:12 PM
Posts: 87, Visits: 275
Hi Dustin

<!--[if ie 6]><link rel="stylesheet" type="text/css" media="screen" href="ie6.css" /><![endif]-->

I saw this in a Google search, would you suggest something like this to sort out IE6 Issues or do you have a better suggestion, by adding this to the head it messes up my view in EW.

Post #1157
Posted 2/11/2008 4:32:38 PM
Forum Member

Forum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum Member

Group: Forum Members
Last Login: 12/27/2008 5:25:03 AM
Posts: 48, Visits: 93
Hi Mamba,

I think it is something on the line that IE adds border dimensions to the div size and other browsers include the border in the div size. I just know that in order to make things look right in IE and FF I've had to had special dimensions for IE. For example If I had 2 columns that were set to 500px and 300px inside an 800px container. When I add borders it might throw the alignment off. After defining all the other attributes of the divs add an IE hack to set the width for IE. If you are puting a 2px border on both columns you would have to add this:

* html #columnone {width:496px}

* html #columntwo {width:256px}

This may not be the problem you are having but it's worth a shot until you get a solid answer from Dustin. He'll be able to better explain what's happening and what you need to do to fix it.

Post #1160
Posted 2/11/2008 8:33:44 PM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Forum Members
Last Login: 8/18/2008 7:16:12 PM
Posts: 87, Visits: 275
Hi Tjaks

Thanks for looking into it, at first i did think it was the 1px borders here and there...however i found where the problem lies, IE6 has a tendanct to double up Margins etc, so a Margin of 30px will become 60px throwing the site right out.

I did some searching and you will not believe how easy it was to fix.

Now i was prepared to redo each style sheet to suit IE6, well Not necessary, all i need to do was add the display:inline to weach div that was being an issue.

Heres where i found it....

http://www.dave-woods.co.uk/?p=143
Called the Double Marging Bug Fix...

Post #1162
Posted 2/20/2008 5:33:14 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2/27/2008 3:26:00 AM
Posts: 2, Visits: 6
Hi Mamba, glad you found my little article useful. IE6 causes a lot of problems for developers (trust me, I've been there) but thankfully there are a few very simple fixes for a lot of it's bugs although unless you actually know what the fixes are then they can be extremely infuriating as you've obviously found out.

Hopefully, the article that I've written will help a lot of people out as the double margin, haslayout (which also exists in IE7 btw) and the small height bug are usually the most common that trip people up.

@tjaks - What you're talking about is the broken box model which only applies to Internet Explorer 5.5 and below (or to IE7 and IE6 when a complete doctype is missing). If a complete doctype is included then even IE6 will use the correct box model which the standards compliant browsers (Firefox, Opera and Safari) use so thankfully you shouldn't have to worry about this issue anymore.

Also, you shouldn't have to supply separate widths for IE6 as that's really equivalent to sticking a plaster/bandage over a broken bone so in most cases you should try and find out what the fundamental problem is beneath the surface in order to fix the problem correctly... in this case it appear that Mamba is using the correct solution (i.e. display: inline

Thanks
Dave


http://www.dave-woods.co.uk
Freelance Webdesign, HTML, CSS
Post #1183