debugging - CSS HasLayout IE7 Bug -
first off, i've read following articles, brush on issues , i've dealt them before:
position relative / absolute / fixed in ie
http://www.brunildo.org/test/ie_raf3.html
http://www.satzansatz.de/cssd/onhavinglayout.html
for people these problems might new , above help, in case, have following in non-ie browsers:
http://cl.ly/4n6f [image]
and following in ie7
http://cl.ly/4nym [image]
i understand need trigger haslayout = true
on large brown <div id="footer">
because position: relative
triggering haslayout = false
in ie7. i've tried zoom: 1
, , display: inline-block
in attempt trigger haslayout on #footer
no success.
here site live viewing pleasure: http://hannahnour.co
the cause of disappearing div haslayout false
on #footer
.
how can trigger it?!
@sweetroll correct, has nothing haslayout
.
the problem inside /wp/wp-content/themes/custom_bellydance_theme/style.css
.
you have 2 lines (specifically, lines 354
, 438
) contain filter
rule:
filter: progid:dximagetransform.microsoft.matrix(sizingmethod='auto expand', /* ie6,ie7 */ m11=0.9986295347545738, m12=0.05233595624294383, m21=-0.05233595624294383, m22=0.9986295347545738);
seemingly, css after either of lines not parsed ie7.
if remove both of lines, site fixed in ie7.
i'm not sure actual problem lines. tried removing /* */
comments inside lines, made no difference.
i'd suggest best way proceed forget having rotated date hover things on ie6/7. it's not important effect, , it's in 2 unimportant browsers. if that's unacceptable, make question see if else knows reason (if do, make sure link question).
i'm glad decided link site.
it would've otherwise been impossible figure out.
Comments
Post a Comment