CSS overlay and MSIE 6

[Bernd Nies]

Hi,

Does somebody have an idea why MSIE 6 on this page

http://www.nies.ch/switzerland/fauna/index.de.php/2

does not show the "New" icon in the lower right corner of the thumbnail
like in any other browser?

The XHTML 1.1 code:

==CUT==
<table class="thumb">
<tr>
<td><a href="..."><img src="..." width="100" height="67" /><span
class="new"><im g src="/pic/new2.gif" width="22" height="8" alt="New!"
/></span></a></td>
</tr>
</table>
==CUT==

The CSS 2.1 code:

==CUT==
table.thumb
{ margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border-spacing: 1px;
}
table.thumb td
{ width: 112px;
height: 112px;
vertical-align: middle;
text-align: center;
padding: 0px;
margin: 0px;
background-position: center;
background-repeat: no-repeat;
}
table.thumb img
{ border: 0px;
margin: 0px;
padding: 0px;
vertical-align: bottom;
text-align: center;
}
span.new
{ padding: 0px;
margin: 0px;
border: 0px;
width: 22px;
height: 8px;
margin-left: -22px;
margin-bottom: -1px;
}
span.new img
{ border: 0px;
border-spacing: 0px;
padding: 0px;
margin: 0px;
}
==CUT==

Thanks in advance,

Regards,
Bernd

[Martin Honnen]

Bernd Nies wrote:

Does somebody have an idea why MSIE 6 on this page

http://www.nies.ch/switzerland/fauna/index.de.php/2

does not show the "New" icon in the lower right corner of the thumbnail
like in any other browser?

The XHTML 1.1 code:

XHTML 1.1 should not be served as text/html.
Use HTML 4.01 and your problem goes away. Or if you insist on using
XHTML and serving it as text/html then remove the XML declaration line
(i.e. <?xml version="1.0" encoding="utf-8"?>) from the document as it
throws IE 6 into quirks mode.
--

Martin Honnen
http://JavaScript.FAQTs.com/

[Bernd Nies]

Hi Martin,

Martin Honnen schrieb:

XHTML 1.1 should not be served as text/html.
Use HTML 4.01 and your problem goes away. Or if you insist on using
XHTML and serving it as text/html then remove the XML declaration line
(i.e. <?xml version="1.0" encoding="utf-8"?>) from the document as it
throws IE 6 into quirks mode.

Thanks for that hint. I converted it to HTML 4.01 and now even @%&$!
internet exploder displays it correctly.

Regards,
Bernd