Change positioning in chrome

Last post 01-20-2014, 3:14 AM by marvin. 2 replies.
Sort Posts: Previous Next
  •  01-17-2014, 5:55 AM 78779

    Change positioning in chrome

    Every time I show my editor or even rezsize it the menubar looks like this:

     

    Is there any apparent reason why all the labels dock to the left?

     

    Thank you,

    Marvin. 

  •  01-17-2014, 8:05 AM 78784 in reply to 78779

    Re: Change positioning in chrome

    Hi marvin,

     

    Can you post your editor page url? This issue should causes by your page style setting, the stylesheet or the <style> code. you can remove them one by one to find out which part causes the problem.

     

    Regards,

     

    Ken 

  •  01-20-2014, 3:14 AM 78790 in reply to 78784

    Re: Change positioning in chrome

    Kenneth:

    Hi marvin,

     

    Can you post your editor page url? This issue should causes by your page style setting, the stylesheet or the <style> code. you can remove them one by one to find out which part causes the problem.

     

    Regards,

     

    Ken 

     

    Hello Ken,

     

    I'm sorry but I'm still developing locally so I wont be able to post a link to the page. I will check if it's the styles in the page inspector of my browser but it seems to me that the positions of the labels are done by javascript, because there absolute.
    Maybe the problem is that the editor is loaded while not visible?

     

    Edit:

    I've found a solution but that doesn't explain where the problem comes from, I noticed before I had this setup sometimes the default skin had this too but only in chrome.

    Anyway I solved it by changing this:

    1. .ribbon_white2 .ribbonlabel  
    2. {  
    3.     color:#666d7c;  
    4.     background-color:transparent;  
    5.     font-family:Tahoma!important;  
    6.     font-size:11px!important;  
    7. }  

    Into this:

    1. .ribbon_white2 .ribbonlabel  
    2. {  
    3.     color:#666d7c;  
    4.     background-color:transparent;  
    5.     font-family:Tahoma!important;  
    6.     font-size:11px!important;  
    7.     text-align:center;  
    8.   
    9. }  
    10. .ribbon_white2 .ribbonlabel div[style]  
    11. {  
    12.     position:relative !important;  
    13.     width:100%;  
    14.     text-align:center;  
    15. }  

View as RSS news feed in XML