So, I could track down the problem to a single line. Read post below.
Anyone know a fix for this?
---------- Forwarded message ----------
From: Paul Eipper <[EMAIL PROTECTED]>
Date: 09/03/2007 18:59
Subject: Re: [css-d] Holy Grail layout + simple javascript = IE6 problems
To: Peter Hyde-Smith <[EMAIL PROTECTED]>
I posted here exactly because the issue is caused by some IE CSS
rendering problem.
You can see the issue occur whenever IE is forced to redraw the
layout, like when resizing the browser window, for instance. Definitly
not a javascript issue, but an IE bug.
I was hoping someone could identify the bug that was being triggered
and how to correct the stylesheet accordingly to fix it.
Meanwhile I am using the IE7 javascript library [1], since it fixes
most IE6 rendering bugs, including this one. With it, I could track
down the problem to one line on my layout:
#menu {
left: 150px;
}
which, when used with IE7 library causes the same issue, but on all
pages. When removed it works correcly, but not on a clean IE6
environment.
It is the proposed fix for IE6 on the Holy Grail, but the fix itself is buggy.
/*** IE6 Fix ***/
* html #left {
left: 150px; /* RC width */
}
If anyone can provide another possible fix for this, I would really be
thankful :)
--
Paul Eipper
[1] http://dean.edwards.name/IE7/
2007/3/9, Peter Hyde-Smith <[EMAIL PROTECTED]>:
> ----- Original Message -----
> From: "Paul Eipper" <[EMAIL PROTECTED]>
> To: "CSS-D" <[email protected]>
> Sent: Friday, March 09, 2007 11:21 AM
> Subject: [css-d] Holy Grail layout + simple javascript = IE6 problems
>
>
> > 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
>
> Paul:
>
> I suggest you look to a JavaScript oriented list. While I am sure there are
> people on this list who can help, it's a list focused on resolving issues
> with Cascading Style Sheets and the List Administrators are pretty agressive
> about publicly reinforcing that point. So tread with care, even with the
> Holy Grail.
>
> Cheers,
>
> Peter
> www.fatpawdesign.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/
