86 posts
  • Author had a Free File of the Month
  • Belgium
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 50 000 and 100 000 dollars
BrentChesny says

Hello guys,

I’ve been working on a vCard template lately and it looks great in Firefox but I am having some problems in IE6 . I honestly have no idea where to starts.

Live preview: http://bcproducties.xtreemhost.com/vCard/

Looks in IE6 : http://bcproducties.xtreemhost.com/uploads/ie6problems.jpg The slide effect is also not working correctly in IE6 .

Some tips please? :)

230 posts
  • Exclusive Author
  • Has been a member for 5-6 years
  • Bought between 1 and 9 items
  • United States
Meshach says
zoom:1; :P
86 posts
  • Author had a Free File of the Month
  • Belgium
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 50 000 and 100 000 dollars
BrentChesny says

Didn’t change anything. :/

230 posts
  • Exclusive Author
  • Has been a member for 5-6 years
  • Bought between 1 and 9 items
  • United States
Meshach says

Try this!

<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script> <![endif]-->
2 posts
  • Exclusive Author
  • Sold between 1 000 and 5 000 dollars
  • Europe
  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
valtinbas says

Hi

There are many layout problem. If you want to fix it you can learn boxhack, hasLayout etc. for IE6

Tips:

1 – Use voice-family for box hack

Wrong

header {

-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../img/BG_header.png) no-repeat scroll 0 0; height:77px; padding:20px 25px; width:420px; }

True

header {

-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../img/BG_header.png) no-repeat scroll 0 0; height:117px; padding:20px 25px; width:470px; voice-family:”\”}\””; voice-family:inherit; height:77px; width:420px; }

2 – Don’t use png image for selected navigation item

You use png images for selected menu item but don’t forget png images don’t give positon like left or bottom parameter on ie6 because of it use progid:DXImageTransform.Microsoft.AlphaImageLoader filter.

3 – Set fixed width floated element 4 – Use clearfix method for float element 5 – Etc.

353 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Germany
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Sold between 100 and 1 000 dollars
chack says

Like valtinsbad said, boxhack would help you.

BTW , i think browserhacks aren’t good for SEO , right?

What’s with that ‘block the IE6 ’ action? Any one support it here on the forums? A world without IE would be sooo much easier :D

86 posts
  • Author had a Free File of the Month
  • Belgium
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 50 000 and 100 000 dollars
BrentChesny says

Thanks a lot guys! Interesting script Meshach :)

by
by
by
by
by
by