Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive /

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

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

Looking strange in IE6


Reply


6 Posts   2047 Views

Avatar
lars

5 Posts

15 November 2007 at 12:28am

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

Avatar
Willr

Forum Moderator, 5513 Posts

16 November 2007 at 7:18pm

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!!!

Avatar
lars

5 Posts

18 November 2007 at 3:21am

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.

Avatar
Willr

Forum Moderator, 5513 Posts

18 November 2007 at 11:26am

Edited: 18/11/2007 11:27am

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;
}

Avatar
lajlev

Community Member, 5 Posts

28 November 2007 at 11:40pm

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;
}

Avatar
Willr

Forum Moderator, 5513 Posts

29 November 2007 at 2:28pm

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