Hi, we are developing an web application. We have used CSS classes. The application looks perfectly okay in IE7 but all styles are gone when opened it in IE6. I am writing few points here.
1. Applying gradient in asp.net wizard sidebar navigation I have used following CSS class
.sideBarStyle
{
/* background-color:#2A5A8B; */
filter: progid:DXImageTransform.Microsoft.Gradient(
GradientType=0, StartColorStr=’#002B55’, EndColorStr=’#2A5A8B’);
Font-Size:18px;
vertical-align:Top;
Width:180px;
}
<asp:Wizard ID="aspAppWizard" runat="server" CssClass="aspwizard" CellPadding="15" SideBarStyle-CssClass="sideBarStyle" .../>
Are there any IE6 specific changed need to make?
2. Accordion Panel header style:
.accordionHeader{
border: 1px solid #507CD1;
color: white;
background-color: #507CD1;
font-family: Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
padding: 5px;
margin-top: 3px;
cursor: pointer;
}
.accordionHeaderSelected{
border: 1px solid #507CD1;
color: white;
background-color: #5078B3;
font-family: Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
padding: 5px;
margin-top: 3px;
cursor: pointer;
}
cc1accordian:Accordion ID="networkTeamingAccordion" runat="server" SelectedIndex="0" CssClass="accordionStyle"
HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" ... />
here also why accordion header style not applied in IE6?
3. Third problem is with Image mapping.
I have used asp.net image control in DIVs. This mapping works okay in IE7 but fails in IE6,
<div id="21u" runat="server" style="position:absolute; top:0px; left:0px; visibility: visible;" class="mapLayer">
<asp:Image ID="iaca21u" runat="server" ImageUrl= "~/Images/map/1u.gif" />
</div>
<div id="bypass" style="position:absolute; top:0px; left:0px; visibility: visible;" class="mapLayer">
<asp:Image ID="iaca21ubypass" runat="server" ImageUrl="~/Images/map/1u-bypass.gif" Visible="false" />
</div>
There are around 10 images likewise which are mapped. Can anyone please sugget a solution for this?
Many thanks.