Wed, 2009-03-25 19:51
Okay, I'm making a separate stylesheet for IE6 for a site I'm doing that's based in WordPress. (I don't know if WP has anything to do with the issue, but I'm mentioning it in case it is.) Only in IE6, when you load a new page, the majority of the content loads positioned up too high (it looks like most everything that's in the #page div), UNTIL you roll over a link in the sidebar. Then everything jumps down to where it's supposed to be. :shrug:
I've checked through my CSS, experimented and taken things out, and still have no idea what would make this happen. It doesn't happen in any other browser/version. Ideas?
The site is here: http://kulakswoodshed.com/wordpress/
The CSS is here: http://kulakswoodshed.com/wordpress/wp-content/themes/transient/style_ie6.css
Thanks!
Wed, 2009-03-25 20:09
#1
A problem such as this is
A problem such as this is nearly always a hasLayout issue, an element requires that hasLayout is triggered, you can test for this by using the zoom property on various elements - zoom:1;
However as is sadly too often the case you have a fair number of fairly critical markup errors these could well be causing the problem, it's hard to tell which is why markup errors must always be eradicated before any serious debugging of issues can take place, to ensure that they are not the cause of things.
Please validate your markup and fix as many errors as possible, then we can help further, but also test with the zoom property to see if you can identify an offending element that needs hasLayout.
Wed, 2009-03-25 20:50
#2
Thanks - adding zoom:1 to
Thanks - adding zoom:1 to one of the divs solved the problem (and gave me a nice new tool for my bag of tricks). And forgive me for not validating first - I should certainly know better than that. 