[Aslan & Beez]

I have done a site redesign, which works well in ff and ie8, but falls apart a bit in ie6
www.babydollchic.co.uk are there any basic hacks I can use?

[Redcentaur]

Aslan & Beez, on Jun 13 2009, 07:57, said:

I have done a site redesign, which works well in ff and ie8, but falls apart a bit in ie6
www.babydollchic.co.uk are there any basic hacks I can use?

You don't have a conditional IE6 stylesheet set up for this site, so it will try to use the modern css stylesheets you have set up. IE6 is notoriously bad at standards compliance even for the standards as they were back then.

Many web designers/developers are trying to ensure that IE6 is not considered in new web designs as it is such an old browser and is slowly becoming obsolete. There are ways around this, including either creating an IE6 specific conditional stylesheet - which requires time and effort, - or creating a separate stylesheet, which gives a basic layout that is readable by IE6 (not necessarily pretty but means that IE6 users can still view the site). For more information on this, see this article: http://www.blog.redc...09/is-ie6-dead/

More specifically, you will need to halve the margins and padding in the direction of any floated elements within the IE6 stylesheet. This is because IE6 doubles the margins/padding in the direction of the float (e.g. float: left; margin: 0 10px 5px 20px;) becomes (margin: 0 10px 5px 40px) in IE6. So, in your IE6 specific css, call (margin: 0 10px 5px 10px) to fix the problem.

[Aslan & Beez]

Redcentaur, on Jun 14 2009, 17:25, said:

You don't have a conditional IE6 stylesheet set up for this site, so it will try to use the modern css stylesheets you have set up. IE6 is notoriously bad at standards compliance even for the standards as they were back then.

Many web designers/developers are trying to ensure that IE6 is not considered in new web designs as it is such an old browser and is slowly becoming obsolete. There are ways around this, including either creating an IE6 specific conditional stylesheet - which requires time and effort, - or creating a separate stylesheet, which gives a basic layout that is readable by IE6 (not necessarily pretty but means that IE6 users can still view the site). For more information on this, see this article: http://www.blog.redc...09/is-ie6-dead/

More specifically, you will need to halve the margins and padding in the direction of any floated elements within the IE6 stylesheet. This is because IE6 doubles the margins/padding in the direction of the float (e.g. float: left; margin: 0 10px 5px 20px;) becomes (margin: 0 10px 5px 40px) in IE6. So, in your IE6 specific css, call (margin: 0 10px 5px 10px) to fix the problem.

Thanks, I'll give that a try, can't wait until we can give up this ie6 nonsense!