Hello,
I am trying to use AJAX control toolkit's TabContainer.
I found a different theme then the default theme and changed it a bit.
The page looks great on IE6 but doesn't look good at all on IE7.
I am not sure if it is because of the tabContainer.
Anyway, It is probably related to the css.
This is the css theme:
.ajax__tab_msngallery-theme .ajax__tab_header {background:url(img/msngallery/tab-line.png) repeat-x bottom;font-size:22px;display:block;}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer {border:solid 1px #D7DCE1;padding:1px 1px 0px 1px;border-top-width:0;background-color:#edf2fb;}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab {padding:6px 10px 6px 10px;color:#444444;width:140px;display:block;text-align:center;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img{height:24px;width:24px;}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div{font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-weight:bold;white-space:nowrap;line-height:145%;font-size:92%;}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer {padding:0px 0px 0px 0px; border:solid 2px #0069AD;border-bottom-color:#0069AD;background-color:#0069AD;}
.ajax__tab_msngallery-theme .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;padding:3px;background-color:#ffffff;border:solid 2px #0069AD;}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_tab {background-color:#0069ad;color:White;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer {background-color:#0069ad;}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_inner {background-color:#0069ad;}
What is the reason for that?
Thanks,
Dana