Skip to content


BUGFIX: #7004 Fixes #350

merged 1 commit into from

2 participants


Fixed the overflow bug in IE7, as per ticket #7004.

@adrexia adrexia BUGFIX: #7004 Fixes
Fixed the overflow bug in IE7, as per ticket #7004.
SilverStripe Ltd. member

That's artificially limiting the tree width to 200px - what if we make the sidebar user-resizeable? There shouldn't be any width assumptions encoded in the tree. Can't we do this through consistent use of display: inline-block/inline and whitespace: nowrap? Maybe have a look on the mailinglist to see if anybody had a similar problem with the tree lib in general?


I can't seem to get IE7 to render whitespace:no-wrap, and it doesn't think you can float objects that don't have widths. I've tried a few different combinations, but they all seem to rely on giving an object a width.

I guess you could do it with javascript by calculating the current width of the cms panel and applying that width to the list element. Seems like a lot of work just to fix an IE7 bug, but I can look into it.

SilverStripe Ltd. member

OK, I actually didn't notice the fix was just for IE7 in my initial comments. Its still not great, but an acceptable solution - Thanks Naomi :)

@chillu chillu merged commit ef8651d into silverstripe:master
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Apr 19, 2012
  1. @adrexia

    BUGFIX: #7004 Fixes

    adrexia committed
    Fixed the overflow bug in IE7, as per ticket #7004.
Showing with 13 additions and 0 deletions.
  1. +2 −0 admin/css/ie7.css
  2. +11 −0 admin/scss/ie7.scss
2 admin/css/ie7.css
@@ -14,6 +14,8 @@ html { overflow: hidden; }
.cms-tree-view-modes div { float: left; }
.cms-tree-view-modes span { float: left; padding-top: 5px; }
+.cms-panel-content .cms-tree li { width: 200px; overflow: hidden; float: left; display: inline; }
.cms-content-toolbar { border-bottom: 1px solid #c9cdce; padding-bottom: 5px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; }
11 admin/scss/ie7.scss
@@ -48,6 +48,17 @@ html {
+.cms-panel-content .cms-tree{
+ li{
+ width:200px;
+ overflow:hidden;
+ float:left;
+ display:inline;
+ }
//add line below the cms-content-toolbar
Something went wrong with that request. Please try again.