in

dashCommerce

An ASP.NET Open Source e-Commerce Application

Textbox Text misalligned in Firefox

Last post 10-17-2008 11:49 AM by XeroOne. 2 replies.
Page 1 of 1 (3 items)
Sort Posts: Previous Next
  • 10-11-2008 12:53 PM

    Textbox Text misalligned in Firefox

    Anyone know whats causing the contents of a text box to appear out of the visual range of the input area when browsing the site in firefox? When a page is loaded all the text boxes are cutting off the bottom half of the content and i have to put the mouse in the input area click, hold and scroll down to get it within view.

     

    Filed under: ,
  • 10-17-2008 11:06 AM In reply to

    • sbck
    • Top 150 Contributor
    • Joined on 06-06-2008
    • Posts 7

    Re: Textbox Text misalligned in Firefox

     This was not an issue in previous versions of Firefox.  It just started happening since V3

  • 10-17-2008 11:49 AM In reply to

    • XeroOne
    • Top 150 Contributor
    • Joined on 09-09-2008
    • Cheney, WA
    • Posts 7

    Re: Textbox Text misalligned in Firefox

     It's n easy fix if you edit the CSS located at App_Themes/dashcommerce/common.css

    Change the .textbox rule as follows:

     

    .textbox {  font-size: .75em; height: 1.2em; }

     html>body .textbox { font-size: .7em; }

     

    The first increases the height just slightly, and the second decreases the font for Firefox (and other compliant browsers) but not for IE.

     This is the solution I'm currently using for this problem;

     

    Also apply these same changes to the rules for .smalltextbox & .longtextbox that should do the trick!

     

    HTH

    Regards,
    --
    Jason MH Alvarado
    President, XeroOne Systems
Page 1 of 1 (3 items)