|
|
|
Supreme 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
|
|
|
|
|
Supreme 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
|
|
|
|
|
Forum 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.
|
|
|
|
|
Supreme 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...
|
|
|
|
|
Supreme 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.
|
|
|
|
|
Forum 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.
|
|
|
|
|
Supreme 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...
|
|
|
|
|
Forum 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
|
|
|
| | |