IE 6 和 FireFox 3.6 中的文本框大小不同

发布于 2024-08-26 01:57:53 字数 364 浏览 8 评论 0原文

在 Fire Fox 3.6 中查看时，我遇到文本框大小问题。 <强><输入 class="dat" type="text" name="rejection_reason" size="51" maxlength="70" onchange="on_change();">

样式如下： .dat { 字体系列：verdana、arial、helvetica；字体大小：8pt；字体粗细：粗体；文本对齐：左对齐；垂直对齐：中间；背景颜色：白色； }

Fire Fox 中的文本框大小比 IE6 小一些。

不知道为什么 IE6 和 FireFox 显示不同大小的文本框。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无声情话 2024-09-02 01:57:54

为不同的网络浏览器引擎开发时的常见问题。
请注意，您可能应该为 FireFox 3.6 而不是 IE6 进行开发，因为 IE6 已设置为微软不再支持的“旧浏览器”。更改您的代码以使其在 FireFox、IE、Chrome、Opera 中正常工作。
查找更多信息：
https://stackoverflow.com/questions/ 72394/开发人员在构建公共网站之前应该了解什么

回复收藏 0 原文

旧梦荧光笔 2024-09-02 01:57:54

尝试在 css 中指定宽度。如果仍然损坏，您可以在宽度字前面附加一个星号作为第二个条目，它仅适用于 IE6。

.dat
{
    width: 100px;
    *width: 105px; -- or whatever makes it look correct
}

编辑：感谢您对特殊角色的更新。

Try specifying the width in your css. If that remains broken, you can append an asterisk to the front of the width word as a second entry and it will apply only in IE6.

.dat
{
    width: 100px;
    *width: 105px; -- or whatever makes it look correct
}

EDIT: Thanks for the update on the special character.

回复收藏 0 原文

燃情 2024-09-02 01:57:54

有了更完整的解释，我只需向经理提供；

IE6 于 2000 年左右构建，忽略了当时的几个重要的 Web 标准。 IE6 在某种程度上是一个“教训”； IE7 更好地遵循这些标准，而 IE8 则更好。

Firefox 是围绕 Netscape/Mozilla 构建的，重要的是，它们尽可能遵循公共标准。 Firefox 的行为很大程度上类似于 Safari、Chrome、Opera 以及众多市场份额很小的浏览器。

商人问：
那么，为什么要支持该标准，而不是支持 IE 这个大佬呢？几乎我们所有的客户都使用 IE！

答案：
因为IE也在慢慢走向标准。如果我们支持 Firefox，那么 IE8 就很容易实现，而且我们可能也会获得几乎没有任何变化的 IE7。 IE6 是这里的美中不足。

如果我们支持 IE6（最初的提议），那么 IE7 是一个特例，IE8 是另一个特例，Firefox 是一个特例，等等。

如果我们能够鼓励用户放弃 IE6，那是我们最好的情况。我相信当 Server 2003 SP1 停止支持时，微软正式终止了对 IE6 的所有支持（包括安全补丁）， 2009 年 4 月。 Google已完全停止支持 IE6，例如，礼貌地让用户知道他们需要升级“以获得完整的网站体验”。 IE6NoMore 等网站为运行 IE6 的用户提供了一个非常漂亮的 CSS 弹出窗口，为他们提供了一些升级选项。

但与此同时，由于客户确实使用它，IE6 将继续存在，并且它是最容易且最易于维护的标准，并且我们可以通过破解回到 IE6 直到完成。

回复收藏 0 原文

薔薇婲 2024-09-02 01:57:54

您没有指定其宽度，只是希望它通过 size 属性占用 51 个字符。我建议删除 Size="51" 属性并添加 width:666px; 的样式；

编辑：发表评论后
首先，仅仅因为你可以并不意味着你应该。解决此问题的正确方法是更改所有的使用 css 类或 css 宽度来定义它们的宽度。

然而，下面的 jQuery 将为每个具有 size 属性的输入 type=text 添加宽度样式

jQuery(                            // on Document load 
    function($){                   // run this function 
    $('input[type=text][size]')    // find all input type=text with a size attr
           .each(                  // for each element found
        function(index, Element){  // run this function
            var size = $(this).attr('size');  // get size attrubte value
            $(this).width((size * 0.6)+"em"); // set the css width property to 
        });                                   // a nasty huristic
    }
);

现在，因为这仅影响指定大小的输入，当您触摸每个页面时，您可以删除 size attr 并将其替换为 Css size，所以最终您将不需要这个脚本。

You have not specified its width just that you want it to take 51 charecters via the size attribute. I would suggest removing the Size="51" attribute and adding a style of width:666px;

EDIT: after your comment
Firstly just because you can does not mean you should. The corret way of solving this is changing all of your <input type="text"> to use a css class or css width to define their width.

However the following jQuery will add a width style to every input type=text which has a size attribute

jQuery(                            // on Document load 
    function($){                   // run this function 
    $('input[type=text][size]')    // find all input type=text with a size attr
           .each(                  // for each element found
        function(index, Element){  // run this function
            var size = $(this).attr('size');  // get size attrubte value
            $(this).width((size * 0.6)+"em"); // set the css width property to 
        });                                   // a nasty huristic
    }
);

Now since this only effects inputs with size specified, as you touch each page you can remove the size attr and replace it with Css size, so eventuly you will not need this script.

回复收藏 0 原文