I’m having trouble with (of course, what else could it be ?) Internet Explorer. A program as crappy shouldn’t have the market percentage it has, but anyway.
I’m building a layout, set up with tables. I originally aimed for all CSS, but I had to give up soon due to incredible IE crapiness. So I went with the tables way, and I’m glad to say that I’ve finished the layout completely using tables and CSS support, but there is one major bug left - if the browser window is resized in IE, any element with a relative positioning (css: position:relative; ) remains on the place it was on before the resize, even though the browser window is resized, until the page is refreshed.
The following screenshots will clear things up:
Site opened in browser window - all is good:
Site after having resized the window:
Site on the same size, after having refreshed:
I noticed that this only happens in IE, and, as said above, only with item that are relatively positioned. Now the problem is that I need these relative positions, because I need to offset the form from the edge. On the screenshots it is offsetted, but the bug is there. If I simply let out the relative positioning, the bug isn’t there. And after a refresh after having resized the window with the bug, all is fine again.
Please help, as this is the only thing left to complete the site.