CSS XML and Internet Explorer 1

[SLUSHIE]

I have an XML coded website with some interactive CSS feature like images changinh on hover and divs that change size, but NONE of them work in IE. It works perfectly fine with Firefox and Safari. What can cause this?

http://www.bryansouth.com

Ignore any spelling errors n stuff

Thanks.

 

[tsuji]

[0] This is not yet the styling problem, but xpath problem.
><xsl:value-of select="page/@title" />
[tt]<xsl:value-of select="[red]@title[/red]" />[/tt]

[1] Then you have major styling problem. The problem is that you've used position: fixed on two counts, on selectors #spreadbox and #bottom. This is the major headache for ie version less than ie7 or ie7 below beta 2.

[2] If the page fills the viewport and does not need verticle scroll, you may try to experiment the effect on changing position: fixed to position: absolute. But the effect would not be very consisitent when screen size is smaller or change... in all browsers including ff etc. Hence, I fear this won't be very satisfactory.

[2.1] You may elect not to support any longer ie below version 7 beta 2 as an escape.

[2.2] You may elect to use some more elaborate hack using javascript..., you can ask html/xhtml/css forum for detailed help on this particular position: fixed issue:

http://www.tek-tips.com/threadminder.cfm?pid=215

[2.3] Whatever you decide to do, you may need to output doctype to make styling consistent. For instance, if xhtml1-transistional is good enough, you've to change the output element like this.
[tt]
<xslutput method="html" indent="yes"
[blue]omit-xml-declaration="yes"
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
doctype-system="[ignore]

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

[/ignore]"[/blue]
/>[/tt]

 

[SLUSHIE]

Thanks this is super helpful.

The the output method you provided did make the things i was mentioning work, but it messed up the layout in the process.

For some reason the page is now contained in a small div with a scrollbar. I'm trying to figure out why that happened now.

 

[SLUSHIE]

Gah! so I went ahead and set that div to 100%, but there was still a scrollbar, so there was two scrollbars so I went a head and hid it.

Now it works perfectly in IE but there is o scrollbar in firefox.