IE 5.5 / 6 problem med DIV og TABLE
Hejsa....I IE5.5 går tabellen helt ned til bunden af siden (kan ses på baggrundsfarven). Det gør den ikke i IE6. Hvorfor ikke og hvordan retter jeg det?
Kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Titel</TITLE>
<STYLE type="text/css">
<!--
BODY {
background: #FFFFFF none;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: arial, sans-serif;
}
P {
color: #000000;
background: none;
text-decoration: none;
font-size: 109%;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}
A {
font: normal normal normal 100% arial, sans-serif;
}
A:link {
color: #000000;
background: none;
text-decoration: none;
}
A:active {
color: #000000;
background: none;
text-decoration: underline;
}
A:visited {
color: #000000;
background: none;
text-decoration: none;
}
A:hover {
color: #000099;
background: none;
text-decoration: underline;
}
H1 {
color: #000000;
background: none;
text-decoration: none;
font-weight: bold;
text-align: center;
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 0px;
}
H3 {
color: #000000;
background: none;
text-decoration: none;
font-size: 110%;
font-weight: normal;
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 0px;
}
IMG {
border: 0px;
margin: 3px 0px 3px 0px;
}
INPUT, SELECT {
width: 120px;
/*
background: #DDDDDD none;
color: black;
font-size: 100%;
font-family: arial, sans-serif;
border-style: solid;
border-width: 1px;
*/
}
.smalltext {
font-size: 80%;
text-align: center;
}
TD {
text-align: left;
vertical-align: top;
}
#startside-main-div {
color: #000000;
background: none;
text-align: center;
vertical-align: top;
height: 100%;
}
#startside-main-table {
color: #000000;
background: none;
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px; /* uden om tabellen */
/* padding: 0px 0px 0px 0px; /* Gør intet? */
/* Om border er på afhænger af border="0"/"1" i html'en */
border-width: 1px; /* Virker kun hvis border="1" i html'en */
}
#startside-main-table-row-1 {
color: #000000;
background: #EEEEEE none;
height: 1%;
}
#startside-main-table-row-2 {
color: #000000;
background: none;
padding: 5px 10px 5px 10px;
}
.startside-main-table-cell-left {
width: 33%;
color: #000000;
background: #DDDDDD none; /*#66CCFF*/
}
.startside-main-table-cell-middle {
width: 34%;
color: #000000;
background: #EEEEEE none; /*#FFFFFF*/
}
.startside-main-table-cell-right {
width: 33%;
color: #000000;
background: #DDDDDD none; /*#66CCFF*/
/* Specifikke cellealignments kan angives. Eks:
text-align: center;
vertical-align: middle;
*/
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV id="startside-main-div">
<TABLE id="startside-main-table" border="0" cellspacing="0" cellpadding="0">
<TR id="startside-main-table-row-1">
<TD class="startside-main-table-cell-left">
a
</TD><TD class="startside-main-table-cell-middle">
b
</TD><TD class="startside-main-table-cell-right">
c
</TD>
</TR>
<TR id="startside-main-table-row-2">
<TD class="startside-main-table-cell-left">
d
</TD><TD class="startside-main-table-cell-middle">
e
</TD><TD class="startside-main-table-cell-right">
f
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
- FiDuSeN -
