IE/FF/Chrome 中与 HTML、PHP 和 CSS 相关的布局问题 [关闭]答案

【问题标题】：HTML, PHP and CSS related layout questions in IE/FF/Chrome [closed]IE/FF/Chrome 中与 HTML、PHP 和 CSS 相关的布局问题 [关闭]
【发布时间】：2014-02-02 18:10:54
【问题描述】：

这是我当前正在设置的网站的临时链接：http://bidonfollowers.com/index.php.later2

我有几个关于网站布局的问题。

然而，在 Firefox 26.0 中，reCAPTCHA 框在右侧被截断，而不是在消息框下方。
同样在 Firefox 中，类别文本位于框的上部（与 Chrome 32 和 IE 11 中的外观相比！）
在 IE 11 中，页面顶部区域的部分文本被截断。
在 Chrome 中，您可以看到带有蓝色字体的“隐私和条款”链接，在其他浏览器中不可见...

请帮助我修复这些设计缺陷，感谢每一点帮助！谢谢你的回答。

【问题讨论】：

请在您的问题中添加代码。当你的临时代码消失你的问题，因此所有的答案都没有意义。

标签： php html css google-chrome firefox

【解决方案1】：

将 clear: both 添加到 div id="recaptcha_widget_div" 的样式中

<div id="recaptcha_widget_div" class=" recaptcha_nothad_incorrect_sol    
  recaptcha_isnot_showing_audio" style="clear: both;">

标志的img标签不需要结束标签。并添加border=0属性。
避免中断的最简单解决方案是将数字移动到下方，在 style.css 中编辑填充。这是因为 IE 无法正确显示半透明 png。
.第三个.pck3_cendetsh h2 { 字体大小：50px；填充：10px 0px 0px； }
链接“隐私和条款”在我的所有浏览器中都可见

【讨论】：

1.问题是 HTML 代码是由 reCAPTCHA 的 PHP 实现生成的，我的知识有限。请看一下：imgur.com/YOspoz0 当我在网站中编辑样式类型时，它可以工作，但是当我在 index.php 中看不到它时，如何编辑此代码？ 2. 我添加了border=0 属性，但它没有为我修复被截断的文本。这是一个例子（标题和数字：imgur.com/RIKYlQY） 3. 神秘...
因此，您可以将 reCaptcha 调用代码放入 div：
... reCaptcha ...
好的，在您的帮助下修复了 reCAPTCHA 框。谢谢！截断文本的问题是文本阴影。一旦我停用所有阴影选项（例如对于 .third .pck3_cendetsh h2），数字会正确显示，但更难阅读。没有任何解决方案可以保留角色的阴影和顶部吗？ :P
请在我的回答中查看#3。
我试图编辑填充，但它所做的只是向上或向下移动文本，一部分仍然被切断。是这个意思吗？