Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Looking strange in IE6

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 1979 Views
  • lars
    Avatar
    5 Posts

    Looking strange in IE6 Link to this post

    Hi!

    I have just got my first SilverStripe site up and running (version 2.1.1). But I have a problem viewing the site in IE6. The subpage-navigation in the BlackCandy theme looks strange. Have a look at for example www.esystem.se/personalliggare. The subpage-navigation is yellow and red.

    The Page.ss file in webroot/themes/blackcandy/templates contains the following and has not been changed as far as I know:

    <!--[if IE 6]>
    <style type="text/css">
    @import url(themes/blackcandy/css/ie6.css);
    </style>
    <![endif]-->

    <!--[if IE 7]>
    <style type="text/css">
    @import url(themes/blackcandy/css/ie7.css);
    </style>
    <![endif]-->

    I have visited other SilverStripe sites with the same theme, and they seems to work correctly. Any ideas of whats wrong?

    Regards,
    Lars

  • Willr
    Avatar
    Forum Moderator
    5489 Posts

    Re: Looking strange in IE6 Link to this post

    The yellow and red comes from somebody (probably myself) playing with the theme - trying to fix a bug or something and commiting the theme without removing the 'Debug' styles.

    Download the latest BlackCandy version and if thats red and yellow let me know!!!

  • lars
    Avatar
    5 Posts

    Re: Looking strange in IE6 Link to this post

    I have now downloaded the latest version of the theme and replaced the old ones in the themes-folder. But the yellow and red still appears in IE6.

  • Willr
    Avatar
    Forum Moderator
    5489 Posts

    Re: Looking strange in IE6 Link to this post

    ok weird. I will update the theme gzip asap. The IE6.css stylesheet that I have working is

    -- ie6.css --

    /**
    SilverStripe Black Candy Theme
    http://www.silverstripe.com
    */
    #Sidebar ul#Menu2 li a {
       width: 185px; /* 196 - 4 - 2 - some random ie bug = 185 */
    }
    #Sidebar ul#Menu2 li a:hover,
    #Sidebar ul#Menu2 li a.current,
    #Sidebar ul#Menu2 li a.current:hover {
        background-image: none;
    background: #DCDCDC;
    }

    #Sidebar ul#Menu2 li li a {
       width: 183px;
       }
    #Sidebar ul#Menu2 li li a.levelb:hover {
        background: #BCBCBC;
    }
    #Sidebar ul#Menu2 li li a.current {
        background: #BCBCBC;
    }

    --

    Replace that with your one and check out if it works!

    label {
       margin-bottom: -10px;
    }

  • lajlev
    Avatar
    Community Member
    5 Posts

    Re: Looking strange in IE6 Link to this post

    Your fixing proposal didnt do the trick fully. http://demo.silverstripe.com/about-us/ is doing fine with sidemenu compared to mine http://asv.webhotel.net/silverstripe/

    My css for IE 6.0 are as following:

    /**
    SilverStripe Black Candy Theme
    http://www.silverstripe.com

    IE6 Hacks Stylesheet.
    */
    #Sidebar ul#Menu2 li a {
    width: 185px; /* 196 - 4 - 2 - some random ie bug = 185 */
    }
    #Sidebar ul#Menu2 li a:hover,
    #Sidebar ul#Menu2 li a.current,
    #Sidebar ul#Menu2 li a.current:hover {
    background-image: none;
    background: #DCDCDC;
    }

    #Sidebar ul#Menu2 li li a {
    width: 183px;
    }
    #Sidebar ul#Menu2 li li a.levelb:hover {
    background: #BCBCBC;
    }
    #Sidebar ul#Menu2 li li a.current {
    background: #BCBCBC;
    }
    /* Again IE does not like Margins and padding around my nice forms **/
    label {
       margin-bottom: -10px;
    }

    input.action {
       padding: 2px !important;
    }
    #Sidebar input.action {
       width: 50px;
       margin-top: -27px;
    }
    #Sidebar .middleColumn {
       width: 112px;
    }
    span.middleColumn {
       display: inline-block;
    }

  • Willr
    Avatar
    Forum Moderator
    5489 Posts

    Re: Looking strange in IE6 Link to this post

    well then check layout.css and typography.css for #f00. It will be left in there somewhere.

    1979 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.