Re: [css-d] IE6 ruins Holy Grail Layout with innocuous javascript
Chris Hardie wrote: I've seen a lot, but this is a new one and a doozy: http://142.177.155.236/test.asp ... Now, click on the Change alt text of right-hand image button. The left-hand column is now thrown over 375 pixels, and the alert now indicates an x-position of 380px! ... I did not check your page, but see if this helps. http://www.satzansatz.de/cssd/hgjump.html regards, Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 ruins Holy Grail Layout with innocuous javascript
Hi Ingo,
That does seem to have quelled the issue, many thanks. FWIW, I applied
display:inline-block to the innerwrapper to trigger hasLayout, and in my
specific case it appears to work. I then created the following rule in
case other browsers had difficulties with it: html body #innerwrapper
{ display: block; }
Many thanks Ingo!
C.
Ingo Chao wrote:
Chris Hardie wrote:
I've seen a lot, but this is a new one and a doozy:
http://142.177.155.236/test.asp
...
Now, click on the Change alt text of right-hand image button. The
left-hand column is now thrown over 375 pixels, and the alert now
indicates an x-position of 380px! ...
I did not check your page, but see if this helps.
http://www.satzansatz.de/cssd/hgjump.html
regards,
Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 ruins Holy Grail Layout with innocuous javascript
I've seen a lot, but this is a new one and a doozy:
http://142.177.155.236/test.asp
This page is a modified version of Levine's Holy Grail layout. At first
blush, everything is tickety-boo. In IE6, click on the Check position
of left-hand column button to pop-up a message indicating the
x-position of the left-hand column. By design, it is 5 pixels.
Now, click on the Change alt text of right-hand image button. The
left-hand column is now thrown over 375 pixels, and the alert now
indicates an x-position of 380px! I think the 375px is calculated by
doubling the width of the right-hand column (190px) and subtracting the
5 pixels from the right-side padding, but I can't figure out why.
The javascript that the button fires that wrecks the layout:
function changeAlt(){
var myImage = document.getElementById(myImage); //A reference
to the image in the right-hand column
myImage.setAttribute(alt, argh!);
findPos(); //Alerts us to the x-position of the nav column
}
By setting the alt text of the image in the right-hand column
dynamically, for some reason IE is re-calculating the x-position of the
left-hand column incorrectly! I can fix this with Javascript, but I'm
hoping that someone knows what on earth is going on and I can implement
a non-javascript fix.
C.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 ruins Holy Grail Layout with innocuous javascript
I've seen a lot, but this is a new one and a doozy:
http://142.177.155.236/test.asp
This page is a modified version of Levine's Holy Grail layout. At first
blush, everything is tickety-boo. In IE6, click on the Check position
of left-hand column button to pop-up a message indicating the
x-position of the left-hand column. By design, it is 5 pixels.
Now, click on the Change alt text of right-hand image button. The
left-hand column is now thrown over 375 pixels, and the alert now
indicates an x-position of 380px! The javascript that the button fires
that wrecks the layout:
function changeAlt(){
var myImage = document.getElementById(myImage); //A reference
to the image in the right-hand column
myImage.setAttribute(alt, argh!);
findPos(); //Alerts us to the x-position of the nav column
}
By setting the alt text of the image in the right-hand column
dynamically, for some reason IE is re-calculating the x-position of the
left-hand column incorrectly! I can fix this with Javascript, but I'm
hoping that someone knows what on earth is going on and I can implement
a non-javascript fix.
C.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
