+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / New Creative Theme In IE6

New Creative Theme In IE6

3 posts, 1 answered
  1. James
    James avatar
    2 posts
    Registered:
    04 Feb 2008
    07 Sep 2010
    Link to this post
    Hi

    First of all, fantastic work on the new Sitefinity Creative and Hospital themes.
    I have a question regarding the Creative theme and it's compatibility with IE6. The sitemenu dropdowns work great in every browser apart from IE6. The menu items are inaccessible as they go behind the generic content welcome text.

    Is there a CSS fix or workaround available?

    Kind regards
    James
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    07 Sep 2010
    Link to this post
    Hello James,

    You have to modify Creative.master and divs with ID="top-container" and ID="log" should go above the header container (header-container). In IE 6 you cannot use z-index to fix this easily. You can apply position:absolute; to the top-container which will hack the behavior in IE 6

    sample

    <form id="form1" runat="server">
          <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
          <div id="header">
     
              
     
              <div id="header-container">
                  <div id="top-image">
                      <asp:contentplaceholder id="TopImage" runat="server"></asp:contentplaceholder>
                  </div>
     
                  <div id="header-slogan">
                      <asp:contentplaceholder id="Slogan" runat="server"></asp:contentplaceholder>
                  </div>
     
                  <div id="header-subslogan">
                      <asp:contentplaceholder id="Subslogan" runat="server"></asp:contentplaceholder>
                  </div>
              </div>
               
               <div id="top-container" style="position:absolute; left:50%; top:0; margin-left:-450px;">
                  <div id="top-navigation">
                      <asp:contentplaceholder id="TopMenu" runat="server"></asp:contentplaceholder>           
                  </div>
                   
                  <div id="logo">
                      <asp:contentplaceholder id="Logo" runat="server"></asp:contentplaceholder>
                  </div>
              </div>
     
               
          </div>
     
     
           
          <div id="wrapper">
              <div id="breadcrumb">
                  <asp:contentplaceholder id="Breadcrumb" runat="server"></asp:contentplaceholder>
              </div>
              <div id="main">
                  <div class="double-column">
                      <asp:contentplaceholder id="HomeFirst" runat="server"></asp:contentplaceholder>
                  </div>
                  <div class="column">
                      <asp:contentplaceholder id="Column1" runat="server"></asp:contentplaceholder>
                  </div>
                  <div class="column">
                      <asp:contentplaceholder id="Contentplaceholder1" runat="server"></asp:contentplaceholder>
                  </div>
                  <div class="column">
                      <asp:contentplaceholder id="Contentplaceholder2" runat="server"></asp:contentplaceholder>
                  </div>
                  <div class="column">
                      <asp:contentplaceholder id="Contentplaceholder3" runat="server"></asp:contentplaceholder>
                  </div>
                  <asp:contentplaceholder id="Content" runat="server"></asp:contentplaceholder>
              </div>
              <div id="sidebar">
                  <asp:contentplaceholder id="Sidebar" runat="server"></asp:contentplaceholder>
              </div>
              <div id="footer">
                  <div class="column">
                      <asp:contentplaceholder id="Contentplaceholder4" runat="server"></asp:contentplaceholder>
                  </div>
                  <div class="column">
                      <asp:contentplaceholder id="Contentplaceholder5" runat="server"></asp:contentplaceholder>
                  </div>
                  <div class="column column-auth">
                      <asp:contentplaceholder id="Contentplaceholder6" runat="server"></asp:contentplaceholder>
                  </div>
               
              </div>
         </div>
           
     </form>


    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
    Answered
  3. James
    James avatar
    2 posts
    Registered:
    04 Feb 2008
    08 Sep 2010
    Link to this post
    Brilliant. Thankyou, issue resolved.
Register for webinar
3 posts, 1 answered