Само собой разумеется, что у меня нет проблем с современными браузерами. Вот код моей страницы:
<!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>
Вот мой css для вложенных контейнеров div:
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 до 15 пикселей. Я испытываю искушение винить теги div, так как знаю, что есть некоторые ошибки IE6, которые вызывают подобные проблемы из-за дополнительного пробела внутри div, но дополнительный пробел возникает только после определенных тегов div, таких как два subContainerSections и после баннера который не содержит divs. Я попытался установить все поля на ноль, но это не решает проблему. Как будто что-то есть между краем и границей нарушающих элементов ...
Что вы, ребята, думаете?
редактирование:
Выкинул мой DOCTYPE туда для разъяснений
Вот чрезвычайно урезанная версия моей страницы: ссылка . Если вы посмотрите на IE6, вы увидите отделение заголовка «filters» от тела.