Hi all,
This is my first post here, although I have been reading the post's for
quite a while and find them very helpful.
I have a problem with IE 6 not applying the new background image to pages,
basically I have a different main picture for every category in the tabbed
navigation, only in IE 6 the first three will work ok and the picture
changes as expected, but the last three do not change and it displays the
same picture for all these pages, which is the home page picture here is the
code I have:
<div id="mainImage" class="aboutUs">
<ul id="secondaryNav">
<li class="licontactus"><asp:HyperLink id="hlcontactus" runat="server"
title="Contact us" NavigateUrl="~/contact-us/contact-request.aspx">Contact
Us</asp:HyperLink></li>
<li class="liaboutus"><asp:HyperLink id="hlaboutus" runat="server"
title="About us" NavigateUrl="~/about-us/what-we-do.aspx">About
us</asp:HyperLink></li>
<li class="ligenerallinks"><asp:HyperLink id="hlgenerallinks" runat="server"
title="General links" NavigateUrl="~/useful-links/general-links.aspx">Useful
Links</asp:HyperLink></li>
<li class="lirelocation"><asp:HyperLink id="hloverview" runat="server"
title="Services overview"
NavigateUrl="~/relocation-services/services-overview.aspx">Relocation
Services</asp:HyperLink></li>
<li class="limovingservices"><asp:HyperLink id="hlpremovesurvey"
runat="server" title="Pre move survey"
NavigateUrl="~/moving-services/pre-move-survey.aspx">Moving
Services</asp:HyperLink></li>
<li class="lihome"><asp:HyperLink id="hlhome" runat="server" title="Home
page" NavigateUrl="~/">Home</asp:HyperLink></li>
</ul>
</div>
Where the class rule is changed to reflect the page category.
Css is:
div#wrapper div#mainImage {
background: url(../images/header_home.jpg) no-repeat 100% 0%;
padding-top: 15em;
}
div#wrapper div#mainImage.movingServices
{
background: url(../images/header_moving_services.jpg) no-repeat 100% 0%;
}
div#wrapper div#mainImage.relocationServices
{
background: url(../images/header_relocation.jpg) no-repeat 100% 0%;
}
div#wrapper div#mainImage.tracking
{
background: url(../images/header_tracking.jpg) no-repeat 100% 0%;
}
div#wrapper div#mainImage.aboutUs
{
background: url(../images/header_about_us.jpg) no-repeat 100% 0%;
}
div#wrapper div#mainImage.usefulLinks
{
background: url(../images/header_useful_links.jpg) no-repeat 100%
0%;
}
div#wrapper div#mainImage.contactUs
{
background: url(../images/header_contact_us.jpg) no-repeat 100% 0%;
}
This works in all other browsers fine just not IE 6, any help and advise on
this would be appreciated.
Thank's Chainy..
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
