WEIRD -Edit Content box scroll bug?!
Permalink
So, maybe I've messed something up with css, not sure how, but check the attachment for a pic of what the edit box is doing to me everytime i goto edit a content block.
Any ideas?
Any ideas?
I have the same problem. It started this afternoon.
I use to run into this problem when I first started using C5 - if you have common HTML wrapper across your templates (not the <body> element) I would add a class/id so you can prepend it to general CSS rules in your main.css file.
Instead of:
h1{
margin:10px 0;
}
it's safer to write it as:
#wrapper h1{
margin:10px 0;
}
Instead of:
h1{
margin:10px 0;
}
it's safer to write it as:
#wrapper h1{
margin:10px 0;
}
I'm usually pretty good at that, and what few lines I had that weren't specified to my template, changing them didn't help. Now I've lost my Cufon too so something has gone wrong. Best to leave it until Tuesday or I'll tear my hair out and vow never to use C5 again.
This worked great! I applied <body id="c5"> to my header file, then #c5 to all my css declarations. More of a hack though. Why doesnt C5 load a separate stylesheet for the in context editing stuff after the main.css loads?
Fixed it, although I'd feel better if I knew what the behavior changed suddenly.
In the menu bar over tiny MCE these links are floated left:
They aren't getting cleared, so this span
that contains the MCE table is being pushed to the end of the line of the <li>'s above.
Copy:
concrete/js/tiny_mce/themes/advanced/skins/default/ui.css
to:
js/tiny_mce/themes/advanced/skins/default/ui.css
Then open the ui.css from the new location in an editor. Add this declaration:
clear: both;
to line #19
It's the first line in the layout section and it should look like this:
In the menu bar over tiny MCE these links are floated left:
<li ccm-file-manager-field="rich-text-editor-image">
They aren't getting cleared, so this span
<span id="ccm-content-81-34_parent" class="mceEditor defaultSkin">
that contains the MCE table is being pushed to the end of the line of the <li>'s above.
Copy:
concrete/js/tiny_mce/themes/advanced/skins/default/ui.css
to:
js/tiny_mce/themes/advanced/skins/default/ui.css
Then open the ui.css from the new location in an editor. Add this declaration:
clear: both;
to line #19
It's the first line in the layout section and it should look like this:
.defaultSkin table.mceLayout {clear: both;border:0; border-left:1px solid #CCC; border-right:1px solid #CCC}
-Steve