Hello,
I've a problem displaying a header content in Internet Explorer. You can
view the problem on www.robert-blasius.de
The upperimage should be on the left of the middle "line" and the lower
image should appear on the right. It works fine in Firefox, but not in IE
6.0.
This is the css-code:
div.titletable {
display:table;
border-collapse:collapse;
width:100%;
height:100;
}
div.titlerow {
display:table-row;
height:100;
}
div.lefttd {
display:table-cell;
width:180px;
height:100;
}
div.middletd {
display:table-cell;
text-align:center;
top:inherit;
height:100;
background: url("layout/title-middle2.jpg") top left repeat-x;
}
div.righttd {
display:table-cell;
width:180px;
height:100;
background: url("layout/title-right2.jpg") top left repeat-x;
}
This is the html-code:
<div class="titletable">
<div class="titlerow">
<div class="lefttd">
<img src="./layout/title-left2.jpg"></div>
<div class="middletd"> </div>
<div class="righttd"></div>
</div>
</div>
Does anybody know how to fix this problem?
Thanks
Robert Blasius
--
Eine Minute kann unterschiedlich lang sein,
je nachdem, ob man vor oder hinter der Toilettentüre ist.
www.heimkacken.de