Okay
  Public Ticket #1259955
Text-alignment are different on the browsers in Man and Windows
Closed

Comments

  • appkery started the conversation

    Hello,

    I have a cross-browser issue.

    Text alignment appears differently in Mac and Windows browsers.

    The URL is https://mall.tpay.co.kr.

    The three paragraphs, including the button, should be aligned to the right.

    It is in Korean, but you will still be able to find the right position.

    Also, on smartphones, the text inside the button is aligned top.

    I've tried many things as long as I could.

    Please advise me what to do.

    Thank you.

  • [deleted] replied

    Hey appkery,

    I have checked your site but for me the slider is being displayed the same in different browsers currently.

    Have you managed to fix the problem in the meantime ?

    In case not, could you please specify on what OS/browser/device are you experiencing this exactly ?

    The problem could be related to that the browsers are rendering differently and using slightly different styles. But at the moment I do not see this on my end.

  • appkery replied

    Hi Attila,

    Thank you for the reply.

    The problem occurs on Windows7 / IE11 & Chrome 59.0.3071.115 and also on Android 7.0 / Chrome 59.0.3071.125 & Samsung internet browser 5.4.21.54 / Gallaxy S8.

    But what is funny is that it doesn't occur on macOS Sierra / Chrome 59.0.3071.115.

    Thank you.

    Best Regards,

    Yuntae

  • [deleted] replied

    It looks different because the default font types are different in windows browsers. 

    You can solve it the following way. Add 100% to the layers' left value in the Styles tab, and apply the required negative margin-left value on them in the Custom CSS field. For example: margin-left: -300px;

    You will see how large the margin should be. to position it correctly.

  • appkery replied

    Hi, Attila

    It didn't work but I took a hint from you.

    Setting left: 0; width: 47%; text-align: right; worked for me.

    Thank you.

    Best Regards,

    Yuntae

  • [deleted] replied

    Thank you for the feedback Yuntae, glad you could solve the problem. If you need further assistance please let us know.