Have Geek Brain

How to work with jQuery UI tabs in IE 6

I'm not very good at CSS, but with a lot of trial and error, I made this jQuery UI tabbed page and looked somewhat decent: http://jsbin.com/uquvi

However, when I open this page in IE 6, to my frustration, the tabs don't seem to have curved corners.

When working right now, they have a very poor implementation of tabs because they create tabs with tags and it just looks like a mess. Also, they currently get curved corners of the tabs by having two gif images. I've seen jQuery UI tabs on many blogs, so I decided to work with it, but now I'm in trouble.

Can someone please take a look at the page and tell me how to fix this for IE 6?

0


a source to share


2 answers


You're using

 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;

both properties are common for Firefox and webkit (Safari and Chrome)

If you want to round the corners in IE, you need to do them with background images.



This post by Matt Berseth will give you an example of how to do this, but basically you have to assign a background image with a rounded tab.

Another way to do it in this link

By the way, the html of the web page you are linking to is very messy, with two tags html, body and head

0


a source


You can use an angular plugin that uses CSS whenever possible if the nav doesn't support rounding with CSS (like ie6), rounds with javascript.



0


a source






More articles:


All Articles