86 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Located in Belgium
+4 more
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
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in United States
Meshach says
zoom:1; :P
86 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Located in Belgium
+4 more
BrentChesny says

Didn’t change anything. :/

230 posts
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in 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
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Has collected 1+ items on Envato Market
+1 more
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
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
+2 more
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
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Located in Belgium
+4 more
BrentChesny says

Thanks a lot guys! Interesting script Meshach :)

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by