Re: [css-d] Is this an IE rendering error ?
Bob Easton wrote:
Tom Steenhuysen wrote:
I have 2 strange things going on in trying to design a fluid 3 and 4
column :
1) the two columns in the middle are both 50% wide - but when you
change the width of IE [drag the edge], then there seems to be an
intermittent 1-pixel difference which drops the second column below
the first column.
2) when you slowly drag IE's side edge, then there appear gaps in the
background images [under the H3 headings] - but when you move your
mouse over it, the background come back.
LINK= http://samp.ivosite.com
The first is a rounding error caused by IE not knowing how to divide
a space into even 50% portions when the space is an odd number of
pixels wide. Change one of those values to 49% and it will be solved.
The second *might* be the guilloitne bug. See:
http://www.positioniseverything.net/explorer/guillotine.html
Thank you for the rounding fix!
I also have figured out the guillotine error, and I will explain it in
case someone else might find it useful:
1) it was not the guillotine error, but in the normalising.css there
is the standard settings for hyperlinks:
A:link {color: blue;
background: transparent; -- this was the culprit [so I disabled it]
text-decoration: none}
A:visited {color: red;
background: transparent; -- this was the culprit
text-decoration: none}
take look now: http://samp.ivosite.com .. fixed!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is this an IE rendering error ?
Tom Steenhuysen wrote: I have 2 strange things going on in trying to design a fluid 3 and 4 column : 1) the two columns in the middle are both 50% wide - but when you change the width of IE [drag the edge], then there seems to be an intermittent 1-pixel difference which drops the second column below the first column. 2) when you slowly drag IE's side edge, then there appear gaps in the background images [under the H3 headings] - but when you move your mouse over it, the background come back. LINK= http://samp.ivosite.com The first is a rounding error caused by IE not knowing how to divide a space into even 50% portions when the space is an odd number of pixels wide. Change one of those values to 49% and it will be solved. The second *might* be the guilloitne bug. See: http://www.positioniseverything.net/explorer/guillotine.html -- Bob Easton Accessibility Matters: http://access-matters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Is this an IE rendering error ?
I have 2 strange things going on in trying to design a fluid 3 and 4 column : 1) the two columns in the middle are both 50% wide - but when you change the width of IE [drag the edge], then there seems to be an intermittent 1-pixel difference which drops the second column below the first column. 2) when you slowly drag IE's side edge, then there appear gaps in the background images [under the H3 headings] - but when you move your mouse over it, the background come back. LINK= http://samp.ivosite.com CSS = http://samp.ivosite.net/static/style-2-normal.css Normaliser CSS = http://samp.ivosite.net/static/style-normalizer.css I already thank you for your enlightenments. tom. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
