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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

editor css just for ie


Go to End


3 Posts   1369 Views

Avatar
JMagnusson

Community Member, 29 Posts

2 July 2011 at 2:46am

Hello.
In IE the paragraphs behave like movable boxes. Sometimes I get empty paragraphs which are hard to find and delete. I want to highlight every paragraph with p{border-left:3px solid #eee;}, but just in IE.

There may be some fixes, like to use IE’s CSS-BE support (/* any IE */ border: expression('...');), but I want to do it the "good" way.

Can I decorate leftandmain.php with an ie-only condition? How?

Thanks, Johan

Avatar
Invader_Zim

Community Member, 141 Posts

2 July 2011 at 4:08am

Edited: 02/07/2011 4:10am

Hi.

It's just a theory and I can't test it right now, since I'm in front of my Ubuntu machine...

But you could create a css file in /mysite/css named editor-ie.css and write your IE specific styles there.
After that you could copy /cms/templates/LeftAndMain.ss to your /mysite/templates directory.
There you edit it and put a conditional comment before the closing </head> section like this:

<!--[if IE]> <link rel="stylesheet" type="text/css" href="mysite/css/editor-ie.css" /> <![endif]-->

This should override the styles from editor.css with your IE styles... (well, in my theory at last ;-) )

Cheers
Christian

Avatar
JMagnusson

Community Member, 29 Posts

2 July 2011 at 5:27am

Thanks, that worked. Of course there were a .ss file somewhere too.

If someone has the same need, I can tell there are two ways to solve it:

The "ugly" one, but it works:
In your editor.css

p {
	border-left: expression('3px solid #eee');
	}

The good one like the previous post:


  • Copy LeftAndMain.ss to mysite/templates
    Insert in the headsection: <!--[if IE]> <link rel="stylesheet" type="text/css" href="$ThemeDir/css/editor-ie.css" /> <![endif]-->
    Write an editor-ie.css file and place it in $ThemeDir/css/editor-ie.css or where you want to have it.