MX7 HTML input box sizing problem

JCox · JCox

This is a really odd one. We moved our application from CF 5 to CF 7 and the
code runs fine. However, EVERY <input type=text ...> block shows up on the
screen with about 20-30 pixels padded to the right of the maxlength . I'm
using the same style sheet on 5 that I'm now using on 7. No matter what I do
to the stylesheet, margin 0px, padding-right 0px, etc, nothing works. So, in
trying to trouble shoot this I tried setting the width in the class to 30px and
indeed every box on the sheet is exactly 30 px wide as you would expect and
without the padding. So, I started looking for a default style sheet that
maybe wasn't being overridden by my style sheet; no luck. However, I noticed
something; if you go to the MX administrator screen the text boxes there all
have that same wierd padding! Now I'm thinking that this is burried in MX
somewhere. Anybody got any idea how I can find this? Other things I tried
that didn't work: Creating a new class for the input tag Checking the 'manage
white space' setting in the administrator Changing style sheets all together It
does the same thing on our mx 7 development server and production server so
it's not server specific I looked at two different IE versions, same thing

jdeline · jdeline

Could you do a "View Source" from your browser and post the code? It would help if no style sheet was linked, nor any class refered to. Just the raw unaltered HTML.

JCox · JCox

Thanks for the reply. I'm attaching the view source from a single item page without any links to style sheets or anything.

JCox · JCox

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'> <html> <head>
<title>Untitled</title> </head> <body> <form name='testform'
action='doit.cfm' method='post'> Test input box<br> <input type='Text'
name='testbox' size='4' maxlength='4'> <br> This box is set to size = 4 and
maxlength =4 </form> </body> </html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<form name="testform" action="doit.cfm" method="post">

Test input box<br>
<input type="Text" name="testbox" size="4" maxlength="4">
<br>

This box is set to size = 4 and maxlength =4

</form>

</body>
</html>

JCox · JCox

This is a real problem and I've figured out how to show / reporduce it.
Create a form with one input box and save it as .cfm, take the exact same form
and save it as a .htm file. If you switch back and forth between the .cfm page
and the .htm page, you will see that CF adds aproximately 30 px to the end of
every text box! I'm thinking that there must be some master style sheet
setting this property but I can't find it. I can reproduce this behavior on
two different machines. I just bought both servers and the only thing on them
is Win2K and CF 7 so they're as clean as you can get. As you might imaging,
this has caused lots of page layouts to get screwed up so anyone have any
ideas? Thanks, Jim

MX7 HTML input box sizing problem

Thread Tools

Display

MX7 HTML input box sizing problem

Similar Questions and Discussions

Spry Horizontal Menu sizing Problem

problem sizing columns in datagrid

Check input in a html file from php

sizing and formating flash in html

Font sizing problem

Re: MX7 HTML input box sizing problem

Re: MX7 HTML input box sizing problem

Re: MX7 HTML input box sizing problem

Re: MX7 HTML input box sizing problem

Posting Permissions