[css-d] Holy Grail layout + simple javascript = IE6 problems

[Paul Eipper]

Hello list, newcomer here :)

I am having problems with a variation of the Holy Grail Layout [1]
when using a very simple javascript that rewrites the innerHTML of a
DIV in the layout.

You can check the problematic layout here:
http://lkraider.eipper.com.br/files/layout/index.html

The javascript code is this:
document.getElementById('text').innerHTML = 'Hello';

I've tried other scripts aswell (hiding DIV's, etc), all cause the same issue.


On Firefox it all works as expected, but on IE6, the 'menu' DIV is
displaced when activating the Javascript code.

Can someone offer some help on which bug is being triggered here and
how could I fix that?


Thanks :D

--
Paul Eipper


[1] http://alistapart.com/articles/holygrail
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Holy Grail layout + simple javascript = IE6 problems

[~davidLaakso]

Paul Eipper wrote:
> I am having problems with a variation of the Holy Grail Layout [1]
> when using a very simple javascript that rewrites the innerHTML of a
> DIV in the layout.
>
> http://lkraider.eipper.com.br/files/layout/index.html
>
> --
> Paul Eipper
>
> [1] http://alistapart.com/articles/holygrail
>   
I don't know anything about javascript. But I don't think that is the 
problem. The layout you are using is not well suited to the kind of 
variation you've made. Consequently, it is the layout that is failing in 
all versions of IE.

Perhaps this will help. 
.
Quick tested in xp:: ie7.0 through ie/5.01, opera/9.10, and firefox/2.0.0.2.
(different layout with images used to create faux columns-- document 
source order same as what you had).

Best,

~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/