Were the injected stylesheets being loaded, did you check it with firebug? Also with firebug you should inspect the control's elements and see if they're inheriting these properties and or if any of them are being overridden by another selector. IE and FF have major differences with links/hrefs such that I am guessing there in lies your issue.
Its nice to have stylesheets loaded seperately b/c of modularity and relative paths from the sheet itself, but you could look into packaging them via server side and outputting them as one, this approach does save downloading time and could in your instance solve the issue of the sheets not presenting themselves. -- http://positionabsolute.net On Mar 19, 3:25 pm, Walter Lee Davis <[email protected]> wrote: > I am using Ryan Johnson's excellent Control.Textarea toolbar widget on > a site. Since this site is quite dynamic, automatically assembling > forms around the database columns and their types, I am using $$ > ('textarea') to find any textareas, then Element.wrap to wrap them in > a div (for layout reasons with the Control) and then attaching the > Control to the textarea. My basic code looks like this: > > $$('textarea').each(function(elm){ > var wrap = Element.wrap(elm,'div',{'class':'wrap'}); > wrap.clonePosition(elm,{setHeight:false}); > wrap.setStyle({border:'none',padding:0}); > elm.setStyle({width:'100%'}); > new Control.TextArea.ToolBar.Markdown(elm); > }); > > This works perfectly, except when it comes to the styles. In a further > bid to modularity, I put all of the Control-specific stuff in a > separate sheet, and included that in the head of the page. But it > didn't seem to work in either Safari or Firefox. Xyle scope went a > little further, and actually showed the elements as having the > properties they were supposed to have, but they just didn't look like > they should. (The toolbar is a styled UL, with background images to > make the buttons look nice.) It showed on screen in all three browsers > as a plain unstyled UL would. > > On a whim, I put all of the styles from the Control stylesheet into my > main stylesheet and removed the link to the Control stylesheet. With > just that change -- going from two stylesheets to one -- everything > started working. > > Both stylesheets were valid CSS, the page was valid XHTML Strict. > > Has anyone seen anything like this before? > > Thanks, > > Walter --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
