- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我对 IE7 与 Firefox/Chrome/Opera 中无序列表的垂直空间量有一个持续的问题,我似乎找不到解决方案。
在 IE7 中,空间变小了,这是我希望看到的。
在 Firefox、Chrome 和 Opera 中,间距大约是原来的两倍。
我无法解释我的代码或页面中的任何间距问题。在我的页面上,代码如下所示:
<!--BEGIN SIDEBOX-->
<div id="sidebox_new">
<div id="sidebox_top"><div id="sup">SUPPORT LINKS</div></div>
<div id="sidebox_bod">
<br />
<ul>
<li><a href="training.aspx">User Training</a></li><br /><br />
<li><a href="faqs.aspx">FAQ</a></li><br /><br />
<li><a href="logonasst.aspx">Logon Assist. Center</a></li><br /><br />
<li><a href="faxus.aspx">Fax Us</a></li><br /><br />
<li><a href="callus.aspx">Call Us</a></li><br /><br />
<li><a href="feedback.aspx">General Feedback</a></li>
</ul>
</div>
<div id="sidebox_btm"></div>
</div>
<!--END SIDEBOX-->
我的这个部分的 CSS 看起来像这样:
#sidebox_bod
{
width: 200px;
margin: 0 30px 0 0;
padding: 0;
background: url('../img/supbxbod.gif');
background-repeat:repeat-y;
background-position:bottom;
}
#sidebox_bod ul
{
list-style-image:url('../triangle.gif');
text-align:left;
padding: 0 0 0 30px;
margin: 0;
}
#sidebox_bod ul li a
{
font-size: 13px;
}
知道我可以做些什么来尝试使所有浏览器的垂直间距相同吗?我宁愿让 IE7 看看来尝试解决这个问题。谢谢。
最佳答案
您现在遇到的问题是由于每个用户代理(浏览器)都有自己的默认样式,这些样式可能彼此不同。
Reset stylesheets存在是为了中和这些样式并在用户代理之间实现更稳定的渲染。这将基本上消除所有元素的问题。
在那种特殊情况下,使用 #sidebox_bod ul li
的 margin
、padding
和 line-height
将解决您的问题:
#sidebox_bod ul { margin: 0; padding: 0 16px; line-height: 1em; }
不过,我建议使用 Reset CSS,因为这将解决所有元素的大部分问题。
关于html - IE7 和 Firefox/Opera/Chrome 之间的间距差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2561007/
我在显示带有顶部/底部边框和边框半径的 block 时遇到问题。不知道为什么边框内会出现内半径。请查看下面的屏幕截图和代码。 http://img703.imageshack.us/img703/30
前一段时间我为自己制作了一个小页面,我偶然发现了一个错误,此后一直无法回答。 打开时http://darngoodpictures.com/#showme您会在左侧和右侧看到导航箭头。这些完全是 CS
我们目前正在通过 https://addons.opera.com/developer/ 上传我们扩展的每个新版本 因为我们需要为 Chrome 和 Firefox 执行类似的任务,所以整个过程变得乏
我开发了一个 Opera 扩展。它工作正常。但是我需要在 Windows 注册表或 Windows 文件系统中安装我的扩展。我该怎么做? 最佳答案 NOTE: THIS QUESTION IS OPE
大多数专业网站都提到 Opera 用户代理都包含单词 《歌剧》 . This kinda old post一位 Opera 开发人员提到了字符串 'OPR' 反而。 重点是:我的网站定期收到来自“OP
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
我在Dragonfly features page上看到除了稳定版之外,Dragonfly 还有实验版和前沿版。 当我在 Opera 中打开 Dragonfly 时,看起来正在使用稳定版本。如何让 O
Opera Unite (可以充当服务器的 Web 浏览器)刚刚发布,他们声称您可以构建 Web 服务,以便其他人可以访问您的浏览器。我有兴趣为该平台制作程序。 有人可以指点我一个关于如何为 Oper
我正在上传我的第一个 Opera 扩展。这很简单。它是一个启动弹出窗口的工具栏按钮。它在 Opera 开发者模式下运行良好。 Opera 不允许我成功上传它。它一直说缺少persona.ini 文件。
我正在使用 operatv 模拟器进行调试。我想知道是否存在远程调试,即我的应用程序在 Sony 上运行并在我的系统控制台上登录 最佳答案 如上所述: Download Opera and start
有什么方法可以使用 Opera 的用户 JavaScript 函数在特定的、开发人员定义的位置下载和存储文件吗? 谢谢。 最佳答案 事实上,只有小部件和 Opera 10 及更高版本才能实现纯 Jav
我用过this link并如前所述在本地安装了 Opera Dragonfly。但现在我无法加载 JavaScript 进行调试。附上错误截图。关于解决这个问题的任何想法? 我正在使用 Opera 1
是否有适用于 Opera 的 React 开发插件? Opera (DragonFly) 和 Chrome 开发工具看起来几乎相同。似乎没有支持 React 开发的 Opera 插件。考虑到它们几乎相
我正在尝试让 WebGL 与 Opera 12.0 (Mac OS X Lion) 一起运行。 Opera Website声明支持 WebGL,但如果我通过 WebGL check 检查它网站,Ope
是 WebKit 吗?急速? V8 引擎是专用于 Chrome 的吗? 最佳答案 WebKit 和 Presto 不是 Javascript 引擎,而是渲染引擎。 Opera 之前使用名为“Carak
我想知道 chrome.storage.sync 在 Opera 中是如何同步的。 文档谈到 Opera Sync,是 Opera Link 吗?是否有任何网页可以指导用户如何启用 chrome.st
我正在制作一个跨浏览器扩展,它覆盖了标准的“新标签”页面。 有一个manifest.json key ,称为 chrome_url_overrides : "chrome_url_overrides"
我正在为移动设备制作一个小部件,我想为我的小部件保存一些 xml 文件和图像文件,但是当我在 opera widget Mobile emulator for windows 中测试这段代码时,我没有
有人熟悉 CSS3 中的框阴影这个错误吗? 一开始它呈现正常。但是当上下滚动页面时(所以阴影进出可见区域)水平线的阴影会出错,需要重新加载才能正确渲染。我只在 Opera 中遇到过这种情况,在 IE(
这个问题不太可能帮助任何 future 的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visi
我是一名优秀的程序员,十分优秀!