Source
r/web_design•
Thabeerman

Just started a new job and I need help tweaking our company's website

www.saxetsurfacescience.com is the website. The sidebar (on the left) isn't transparent in internet explorer, and the text for the links at the top aren't centered in mozilla. Driving me crazy please help!

Posted Sep 22, 2011, 3:28 PM UTC

12
StuartLeigh•

the test links are because you are using cufon which puts a canvas element on the screen (which doesn't abide by line-height) try:

#menu .cufon {margin-top:12px;}

I can't test in IE at the moment but transparency could be a case of you're using rgba (ie doesn't support it) or transparent png's (which ie6 doesn't support)

1
seangw•

You'll only get transparency in IE6 if you use the CSS direct X transform (DXImageTransform.Microsoft.AlphaImageLoader). Google it and you'll probably find something.

There are jQuery plugins (and regular CSS / JS plugins) that will help you implement transparency easier in IE6 (they just abstract out that transform).

Or ... get rid of IE6. It's too old to support!

1