Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    Regular Coder
    Join Date
    Dec 2010
    Thanked 0 Times in 0 Posts

    Button bug; text shifts right in IE


    Observe the following upper right buttons stacked one upon the other:
    Inline Mode
    Display Mode
    Text-inside-math MODE
    Switch to LaTEX Markup MODE
    1st symptom:
    Buggy behaviour is exhibited as the text inside the button on each new level shifts a bit to the right.

    Those of you who've tried to style buttons will realise cross-compatibility is an issue with text-align of the buttons contents; IE just ignores it so the obvious solution doesn't work.

    2nd symptom:
    Moreover, the width of the button becomes far too long for the text and sticks out of the div.

    I can apply styling width and height to control this second symptom, but this solution is inelegant and doesn't take care of text-alignment.

    I'd really like to try and understand this bug and why it happens to achieve the most direct and elegant fix.
    Last edited by ptrcao; 02-13-2011 at 06:45 PM. Reason: revised link
    The website I am building is http://www.mathannotated.com. My questions often pertain to it. This is my site plan: http://www.mathannotated.com/images/...ctory-tree.gif
    Thank you for your help in all matters. All earnest efforts in helping me will be credited with Thanks. -ptrcao


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts