All the components are shrunken to thin grey color line while creating/editing a page

ALL,

When i am trying to edit a page which got some components, All the components are shrunken to small gray lines . The components got lot of data as well as images. But when i preview the page it is displayed properly .The problem comes only when user is editing and creating a page in content center. This is causing lot of problem to users as they cant see the the look of page.

This is happening ONLY IN FF browser only. As a short term solution we recommended then to use browsers other that FF. But have to resolve it.

during the debug process i tried to revert back to previous version as checked it then it is working well in FF too. So i compared files that have changes from previous version and i found out that only the css was changed.

So is there a way to validate our css .So that it will work properly in all the browsers during editing process in content center ?

What might be wrong ?

Did any one see this issue before?

Thank You.

Find more posts tagged with

Comments

Rick Poulin

So is there a way to validate our css .So that it will work properly in all the browsers during editing process in content center ?

Not to be rude, but the only way to validate CSS beyond syntax is trial and error (open a page in edit mode and see if you messed it up). I don't know what other response you were expecting.

I would suggest however that you become familiar with the differences in structure of the edit mode and understand why your rules didn't work in firefox, so that you can avoid the same issues in the future. Edit mode injects a bunch of additional wrapper divs and objects to make those dashed outlines and "object" handles happen, and there's many more CSS includes for the SP UI that cascade into your content pane and mess things up.

joe_pat

Not to be rude, but the only way to validate CSS beyond syntax is trial and error (open a page in edit mode and see if you messed it up). I don't know what other response you were expecting.

I would suggest however that you become familiar with the differences in structure of the edit mode and understand why your rules didn't work in firefox, so that you can avoid the same issues in the future. Edit mode injects a bunch of additional wrapper divs and objects to make those dashed outlines and "object" handles happen, and there's many more CSS includes for the SP UI that cascade into your content pane and mess things up.

Thank you for advice. The problem is with css and i made some modifications and it is working Smiley Happy