I am having a problem with the css  of TabPanel in Internet explorer.
It seams that IE will will only override some settings for .gwt-
TabPanelBottom  or .gwt-TabBar .gwtTabBarItem.  The following css
renders fine in FF but not in any IE version.    The only way  I can
get this to render correctly in IE is to modify the standard.css   I
have the strict enforcing declared for the doctype. And it doesn't
seem to matter where I place the css that  I want. ( Loading in the
page css , or in the page as the last thing loaded.

I can replicate this by  creating a new application and just adding
the TabPanel example from the javadoc  of Tabpanel.

Is there a better way than editing the standard.css ?

-------------------------
.gwt-TabPanelBottom {
 border-color: #999999;
 background-color: #E7E7E7;
 border-width: 1px ;
 border-bottom: #999999 2px solid ;
 border-left: #999999 2px solid ;
 border-top: #999999 3px solid ;
 border-right: #999999 2px solid ;
}

.gwt-TabBar {
 background-color: #999999 ;
}
.gwt-TabBar .gwt-Label {
 background-color: #999999 ;
}
.gwt-TabBarItem {
 background-color: #999999 ;
 border-color: #999999;
}

.gwt-TabBarItem {
 background-color: #999999 ;
 border-color: #999999;
}
.gwt-TabBarItem-wrapper-selected {
 background-color: #999999 ;
 border-color: #999999;
}
.gwt-TabBar .gwt-TabBarItem {
        border-top : 1px solid #CCC;
        border-left : 1px solid #CCC;
        border-bottom : 1px solid black;
        background-color : #999999;
        background: #999999;
        color: #FDFDFD ;
        padding : 2px 8px 2px 8px;

        cursor : pointer;
        cursor : hand;

}


.gwt-TabBarItem {
        border-top : 1px solid #CCC;
        border-left : 1px solid #CCC;
        border-bottom : 1px solid black;
        background-color : #999999;
        background: #999999;
        color: #FDFDFD ;
        padding : 2px 8px 2px 8px;

        cursor : pointer;
        cursor : hand;
}


.gwt-TabBar .gwt-TabBarItem-selected {
  border-top : 1px solid black;
  border-left : 1px solid black;
  border-right : 1px solid #CCC;
  border-bottom : 1px solid #CCC;
}


-----------------------------------------------------

--

You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.


Reply via email to