I like this Javascript solution writen by David Cilley some time ago. It gets out of the way of compliant browsers and can be used with any back-end you want. It does still require a blank gif image though. Add these functions to your HTML Header or other existing .js include: <script type=”text/javascript”> function fixPngs(){ … Read more
As far as I know, it’s not possible in IE because it uses the OS component. Here is a link where the control is replaced, but I don’t know if thats what you want to do. Edit: The link is broken I’m dumping the content <select> Something New, Part 1 By Aaron Gustafson So you’ve … Read more
You don’t have to hide every select using a loop. All you need is a CSS rule like: * html .hideSelects select { visibility: hidden; } And the following JavaScript: //hide: document.body.className +=’ hideSelects’ //show: document.body.className = document.body.className.replace(‘ hideSelects’, ”); (Or, you can use your favourite addClass / removeClass implementation).
This provides an internal property known as hasLayout in Internet Explorer versions 7 and lower. The definitive article on the subject is here: http://www.satzansatz.de/cssd/onhavinglayout.html A lot of Internet Explorer’s rendering inconsistencies can be fixed by giving an element “layout.” In this article, the authors focus on some aspects of this complicated matter. “Layout” is an … Read more
Add the frameBorder attribute (note the capital ‘B’). So it would look like: <iframe src=”https://stackoverflow.com/questions/65034/myURL” width=”300″ height=”300″ frameBorder=”0″>Browser not compatible.</iframe>
IE up to IE7 uses the nearest positioned ancestor to determine the stacking context. You seeing that in IE6 too? Put your button after the ul and then try it.
It is a well-known bug in IE6 and IE7. To solve it, you need to add position:relative to the container. Since in your case body is the container, I’d suggest you add a div directly under the body and give it position:relative. It should solve your problem.
How strange! IE does, however, understand it when you use innerHTML instead of DOM methods. function escapeHTML(s) { return s.split(‘&’).join(‘&’).split(‘<‘).join(‘<’).split(‘”‘).join(‘"’); } function qualifyURL(url) { var el= document.createElement(‘div’); el.innerHTML= ‘<a href=”‘+escapeHTML(url)+'”>x</a>’; return el.firstChild.href; } A bit ugly, but more concise than Doing It Yourself.
You can retrieve values of custom (or your own) attributes using getAttribute. Following your example with <div id=”geoff” data-geoff=”geoff de geoff”> I can get the value of data-geoff using var geoff = document.getElementById(“geoff”); alert(geoff.getAttribute(“data-geoff”)); See MSDN. And although it is mentioned there that you need IE7 to get this to work, I tested this a … Read more
I wouldn’t do it. Use virtual PCs instead. It might take a little setup, but you’ll thank yourself in the long run. In my experience, you can’t really get them cleanly installed side by side and unless they are standalone installs you can’t really verify that it is 100% true-to-browser rendering. Update: Looks like one … Read more