WebBlue TabStrip skin doesn't work in Safari

[Matthew Erwin]

The WebBlue skin breaks in Safari due to that "offset" thing it does that is unlike any of the other controls....for an example you need look no further than:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/TabStrip/Examples/Appearance/Skins/DefaultCS.aspx

Click on the WebBlue skin (I'm using Safari 3.1.1) -- instead of the Active tab being aligned at the bottom with the others as it does in both FireFox and IE it is instead extending down several pixels and pushing the content below the control out such that it looks terrible.

I would greatly appreciate any help with a solution here.

[Alex Gyoshev]

Hello Matthew Erwin,

It appears that there is a problem in WebKit with handling the change of paddings that is used in the WebBlue skin. Please use the following css work-around:

div.RadTabStripTop_WebBlue .rtsIn,
div.RadTabStripTop_WebBlue .rtsSelected .rtsIn
{
    padding: 5px 14px 2px 0;
}

The issue has been fixed in future builds of Telerik.Web.UI.

Sincerely yours,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Matthew Erwin]

Thanks Alex! This worked perfectly - you guys are awesome!

Just as an FYI the WebBlue calendar is missing the right-side black border in Safari too.

Cheers,
Matthew

[Dimo]

Hello Matthew,

Thank you for pointing this out. Actually, it's not just Safari.

The RadCalendar skins will be rewritten and optimised for Q2 2008, so this issue will be gone.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center