This is not a bug. You need a special way to tell IE 6 where the
corner images are for those two corner table cells.
This is the css file I use for DecoratedTabBar to work in any IE
browser. The css styles for DecoratedTabPanel should be similar. Look
at DecoratedTabPanel api for css style names.
Looking at this sample, the IE stuff is the * html stuff. Notice the
use if an alphaimage loader.
.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
width: 5px; /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
border-collapse: collapse;
margin-right: 6px;
}
.gwt-DecoratedTabBar .tabTopCenter {
padding: 0px;
background: #868686;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
padding: 0px;
zoom: 1;
}
html>body .gwt-DecoratedTabBar .tabTopLeft {
background: url(images/corner.png) no-repeat 0px -55px;
}
html>body .gwt-DecoratedTabBar .tabTopRight {
background: url(images/corner.png) no-repeat -6px -55px;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
background-position: 0px -61px;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
background-position: -6px -61px;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
width: 6px;
height: 6px;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
width: 6px;
padding: 0px;
background: #868686;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
width: 1px;
height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
padding: 0px 4px 2px 4px;
cursor: pointer;
cursor: hand;
color: white;
font-weight: normal;
text-align: center;
background: #868686;
}
* html .gwt-DecoratedTabBar .tabTopLeftInner {
width: 5px;
height: 61px;
margin-top: -55px;
overflow: hidden;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/
corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .tabTopRightInner {
width: 12px;
height: 61px;
margin-top: -55px;
margin-left: -6px;
overflow: hidden;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/
corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
padding: 0px 4px 2px 4px;
cursor: pointer;
cursor: hand;
color: white;
font-weight: bold;
text-align: center;
background: #868686;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
background: #2D4490;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
background: #2D4490;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
cursor: default;
background: #2D4490;
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner
{
width: 5px;
height: 67px;
margin-top: -61px;
overflow: hidden;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/
corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner
{
width: 12px;
height: 67px;
margin-top: -61px;
margin-left: -6px;
overflow: hidden;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/
corner.png',sizingMethod='crop');
}
On Oct 30, 11:37 am, omsrobert <[EMAIL PROTECTED]> wrote:
> The upper left and upper right corners are missing under IE 6. Is
> this a bug? How can I work around it?
--~--~---------~--~----~------------~-------~--~----~
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-Toolkit@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
