css - IE6 中页面元素之间的额外空间-6ren

css - IE6 中页面元素之间的额外空间

转载作者：太空宇宙更新时间：2023-11-03 19:14:42

25

4

不用说，我对现代浏览器没有任何问题。这是我的页面代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        <body onload="initializeWidgets();">
        <!-- ### Banner ### -->
        <jsp:include page="part_banner.jsp"></jsp:include>

        <!--  Extra space occurs here...   -->

        <!-- ### Filters and Table ### -->
        <div class="G_overallContainer">
            <div class="G_subContainer">
                <div class="G_subContainerSection">
                    <h:outputText value="Filtering Options" styleClass="G_subContainerSectionHeader"/>

                    <!--   ...here...   -->

                    <!-- ### Filter bar ### -->
                    <jsp:include page="part_filters.jsp"></jsp:include></div>

                    <!--   ...here...   -->

                <div class="G_subContainerSection">
                    <h:form id="tableForm">
                        <div class="table">
                        <h:dataTable value="#{tableDataBean.data}" var="data"
                                headerClass="tableHeaders"
                                rowClasses="oddRow,evenRow">                                                    

                        </h:dataTable></div>

                        <!--    ...and somewhere after here   -->

                    </h:form></div></div>   
            <h:messages layout="table" style="color:red;" showSummary="true" showDetail="false"/></div>
    </body>
    </f:view>
    </html>

这是我的嵌套 div 容器的 CSS:

body {
        margin:0px;
        border:none;
        padding:0px;
        width: 100%;
}

.G_overallContainer {
        position: static;
        display:block;
        border:none;
        padding: .25em;
        border-width: 0;
        border-style: none;
        border-spacing: 0;
}

.G_subContainer {
        display: block;
        border: none;
        padding: .25em;
        margin:0;
        border-style: none;
        background-color: #0f2d65;
}

.G_subContainerSection {
        display: block;
        margin: .25em;
        border:none;
}

.G_subContainerSectionHeader {
        font-style: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        display: block;
        padding: .5em;
        background: url(../image/steel-blue.png) repeat-x;
        color: #000000
}

在 IE6 中，这些元素之间似乎有大约 10 到 15px 的额外空间。我很想责怪 div 标签，因为我知道有一些 IE6 错误会由于 div 内的额外空白而导致此类问题，但额外的空间仅出现在某些 div 标签(如两个 subContainerSections)之后和横幅之后其中不包含 div。我尝试将所有边距设置为零，但这并不能解决问题。就好像在边界和违规元素的边界之间有什么东西......

大家怎么看？

编辑:将我的 DOCTYPE 放在那里进行说明

这是我的页面的一个极其精简的版本:link .如果您使用 IE6 查看它，您会看到“过滤器”标题与正文分开。

最佳答案

如果你能在 jsFiddle 上举一个例子会有很大帮助，但我知道 IE6 有水平间距问题，可以通过设置元素缩放来解决，

.myhorzel{
   zoom:1;
}

关于css - IE6 中页面元素之间的额外空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7127217/

25

4

0

文章推荐： matlab - 神经网络优化与遗传算法

文章推荐： python - JSON 编码 Python 类列表

文章推荐： c# - firebird 使用 .net 提供程序嵌入多个插入

文章推荐： html - 小幻灯片；火狐问题

dart - 额外/重定向默认路由时
我配置了我的RouteInitializer如下: class AppRouteInitializer implements RouteInitializer { init(Router rout
Android PendingIntent 额外
我正在尝试从 Android 应用程序发送短信。我正在使用 PendingIntent 以便我可以使用 Broadcast Receiver 检查它是否发送正常。由于 sendTextMessage
mongoDB使用投影剔除‘额外’字段的操作过程
目录简介 1 "额外"字段是什么 1.1 "额外"是指与业务无关 1.2 产生
java - android发送 Intent 额外
应用程序读取 JSON 数据。然后它会将其放入 ListView (正确)，但在按下某个项目后，我总是会得到显示的相同值。下面的代码我认为是问题所在，但我找不到。 try{ JSONArray
android - 覆盖 Intent 额外
我正在使用以下代码 (Kotlin) 创建通知 val builder = NotificationCompat.Builder(ctx) ........ .set
Java JPanel 自己稍微移动 + 额外
我有一个问题。现在我正在使用 3 个面板，mainPanel 和其他 2 个面板(btnPanel 和 iconPanel)。所以问题是当我按下“重置”按钮时，我删除了 iconPanel 并再次添加
css - 跨度，额外 margin
这是我的 html: Settings Export Import 和CSS: span.button { float:right; margin-righ
mongodb - Golang Mongodb %!(额外
我正在尝试将一个结构编码为 JSON，然后将其插入我的 Mongo 数据库，但不断出现此错误:%!(EXTRA main.Test={575590180 Me})。我究竟做错了什么？我完全从我从事的另
latex - !额外}，或者忘记\endgroup。 latex
嘿，我遇到了这些 latex 格式问题，有人可以提供一些帮助吗？ .tex 文件: \begin{table}{} \renewcommand{\arraystretch}{1.1} \c
java - fragment 作为可序列化 bundle 额外
我在 FragmentPagerAdapter 中使用了 Fragment 的 ArrayList。我想在 saveState() 中保存此 ArrayList 的状态，并在 restoreStat
Swift MapKit - 向注释添加(额外)属性？
我做了this MapKit-教程一切正常，但如何为我的 pin 添加额外的属性？这是我的课车: import Foundation import MapKit class Car: NSObje
android - Android 额外 Intent 的文档
关于 Android intent 将提供的附加功能有哪些文档？更新: 我做了一些进一步的调查。我知道我们可以假设每个 Intent 都不会解析任何数据或额外内容，除非有明确记录。此外，一些(但不是
python - SqlAlchemy TIMESTAMP 'on update' 额外
我在 python3.4.3 上使用 SqlAlchemy 来管理 MySQL 数据库。我正在创建一个表: from datetime import datetime from sqlalchemy
html - Bootstrap 1 额外 px in chrome
我正在使用 bootstrap 创建网页。我在两个 block (内容和标题)上派生了正文。在内容 block 中，我有 div 类 .container .sameTable 在里面我有 div 类
mingw - 构建无需 MinGW 和 MSYS 额外 dll 即可运行的程序
我在Windows 7上的MinGW和MSYS下使用gfortran构建了一些fortran程序。但是当我在未安装MinGW和MSYS的其他计算机上运行它们时，系统总是要求一些dll，例如libgfo
javascript - 使用 jQuery 将多个元素彼此相邻放置后，第一个元素的(额外)填充/边距是多少
第一个元素的右侧似乎有额外的间距，我不知道它是从哪里来的。有人可以帮助我吗？这是我使用的代码: http://jsfiddle.net/srabeat/tenx4y1c/1/ for (i = 0;
javascript - fs-额外 : Error: EPERM: operation not permitted, 取消链接
我使用 fs-extra 收到以下错误: ERROR { [Error: EPERM: operation not permitted, unlink 'C:\Projects\xxx\branche
c++ - AES-128 CBC 模式下加密流末尾的 Crypto++ 额外 block
我正在尝试在 CBC 模式下使用 AES-128 加密 320 字节的二进制数据，并将密码存储到一个文件中。输出文件应该是 320 字节，但我得到了 336 字节。这是我的代码: #include
java - 使用带有 Android 额外 header 的 URL 打开浏览器
我有一个特定的要求，我必须从我的 Activity 中触发浏览器上的 url。我可以使用以下代码执行此操作: Intent browserIntent = new Intent( Intent.A
php - JMS DI 额外 bundle : How do I inject a dependency only if it exists
我正在使用 JMS DI 注入(inject)带有注解的服务: use JMS\DiExtraBundle\Annotation as DI; /** * @DI\Service("foo.bar.

首页

博学

6Ren·AI

商城

css - IE6 中页面元素之间的额外空间