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]

Re: CSS overlay and MSIE 6



Bernd Nies wrote:

[color=blue]
> 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:[/color]

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]

Re: CSS overlay and MSIE 6

Hi Martin,

Martin Honnen schrieb:[color=blue]
> 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.[/color]

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

Regards,
Bernd