Support forums - Toolbar and DropDowns aren't aligned in FireFox

Support forums » Products » Cute Editor for .NET » Re: Toolbar and DropDowns aren't aligned in FireFox

Toolbar and DropDowns aren't aligned in FireFox

Last post 11-30-2005, 9:29 PM by PrePort. 5 replies.


	Sort Posts: Previous Next

11-30-2005, 2:01 PM 13228

PrePort
Joined on 11-29-2005
Posts 17

Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

Although everything seems to work fine in IE, as you can see from the picture, the toolbar images and dropdowns aren't aligned correctly in FireFox.

I haven't seen any related posts in the Forums and would appreciate any suggestions.

I've been looking through my style sheets to see if I might be (accidently) apply padding to the images but I haven't found anything.

Any hints or suggestions?

- Brian

11-30-2005, 2:10 PM 13230 in reply to 13228

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

http://cutesoft.net/forums/13229/ShowPost.aspx#13229

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

11-30-2005, 3:02 PM 13236 in reply to 13230

PrePort
Joined on 11-29-2005
Posts 17

Re: Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

Yes, it does look good.

I've never installed another CuteEditor. I have version 5.x

I'll try to figure out which of my style sheets is messing everything up.

Thanks for the response.

11-30-2005, 4:46 PM 13240 in reply to 13236

PrePort
Joined on 11-29-2005
Posts 17

Re: Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

This doesn't make a bit of sence to me...but....I fixed the problem:

First I deleted all references to my style sheets ( problem still there )

Then I deleted every single tag around the <CE:Editor /> ( problem still there )

So now I'm down to nothing but the CE Editor, but the page is using a MasterPage so I deleted everything in my master page (problem still there).

I swear there was only one line left in my entire master page:

(<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">)

So I deleted that and it worked ?!?!

I replaced everything back to normal (when it didn't work) then took out the DOCTYPE and everything works.

I hope this helps someone else, it was driving me crazy.

Very interesting....any thoughts.

11-30-2005, 8:08 PM 13244 in reply to 13240

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

Please use the following code:

<%@ Page Language="C#" ContentType="text/css" %>
<%@ OutputCache Duration="31536000" VaryByParam="None" Location="Client" %>

<%=editorid%> .CuteEditorSelect { font:normal 11px Tahoma; vertical-align:middle;}
<%=editorid%> .CuteEditorDropDown { font:normal 11px Tahoma; padding:0; margin:0; width:80px;}
<%=editorid%> .CuteEditorDropDown Li {LIST-STYLE-TYPE: none; padding:0;}
<%=editorid%> .CuteEditorDropDown Span {font:normal 11px Tahoma;}
<%=editorid%> .CuteEditorToolbar {}
<%=editorid%> .CuteEditorToolBarContainer {padding:2px;height:1;overflow-y:visible;}
<%=editorid%> .CuteEditorFrameContainer {padding:0;margin:0;}
<%=editorid%> .CuteEditorBottomBarContainer {padding:3px 3px 3px 3px;height:1;overflow-y:visible;}
<%=editorid%> .CuteEditorGroupMenu {display: inline; float: left;  height:24px; vertical-align:middle;}
<%=editorid%> .CuteEditorGroupImage { margin:0px; vertical-align:middle;float: left; }
<%=editorid%> .CuteEditorLineBreak {padding:0px; height:0px; margin:0px}
<%=editorid%> .CuteEditorFrame {padding:0px 0 0px 0px;border-top: #aaaaaa 1px solid!important;border-bottom: #999999 1px solid!important;border-left: #ffffff 0px solid!important;border-right: #ffffff 0px solid!important;}
<%=editorid%> .CuteEditorButton { margin:1px; vertical-align:middle;}
<%=editorid%> .CuteEditorButtonActive { margin:0px; vertical-align:middle; border-right: buttonshadow 1px solid; border-top: buttonhighlight 1px solid; border-left: buttonhighlight 1px solid; border-bottom: buttonshadow 1px solid;}
<%=editorid%> .CuteEditorButtonOver { border-right: buttonshadow 1px solid; border-top: buttonhighlight 1px solid; border-left: buttonhighlight 1px solid; border-bottom: buttonshadow 1px solid; PADDING: 0px; MARGIN: 0px; vertical-align: middle;}
<%=editorid%> .CuteEditorButtonDown { border-right: buttonhighlight 1px solid!important; border-top: buttonshadow 1px solid!important; border-left: buttonshadow 1px solid!important; border-bottom: buttonhighlight 1px solid!important; margin:0px;vertical-align:middle; }
<%=editorid%> .CuteEditorButtonDisabled { /* filter:gray alpha(opacity=25); margin:1px;vertical-align:middle; */ margin:1px;vertical-align:middle;}
<%=editorid%> .ToolControl{}
<%=editorid%> .ToolControlOver{}
<%=editorid%> .ToolControlDown{}
<%=editorid%> .separator {background-image: url(images/Separator.gif); height:22px; background-repeat: no-repeat; vertical-align:middle; width:2px;margin-left:2px; margin-right:2px;	}

/*case sensive for CSS1*/
<%=editorid%> #cmd_tofullpage.CuteEditorButtonActive { display:none }
<%=editorid%> #cmd_fromfullpage.CuteEditorButton { display:none }

/*</style>*/

That will resolve the problem.

Keep me posted

11-30-2005, 9:29 PM 13258 in reply to 13244

PrePort
Joined on 11-29-2005
Posts 17

Re: Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

Taking out the DOCTYPE wasn't a good idea, because it messed everything else up. So I've been fooling with the style sheets for hours and finally found how to fix my problem:

<%=editorid%> .CuteEditorGroupMenu {display: inline; float: left;}

The "float: left;" fixed it for me.

When I came back to post if for anyone else I saw your fix. That also worked, although it was a different theme then I was using, but thank you very much for looking into it.

The logical way you guys designed your control with the style sheets and config files has blown all other controls that I have used out of the water.

Excellent work.