Hello and welcome to our community! Is this your first visit?
Register
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
    Location
    Australia
    Posts
    356
    Thanks
    143
    Thanked 0 Times in 0 Posts

    Button bug; text shifts right in IE

    http://forums.mathannotated.com/button-bug.html.

    Observe the following upper right buttons stacked one upon the other:
    Code:
    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 05: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
  •