internet-explorer-7

I'm trying to get vertical centering a block in IE7 (IE6 if possible too), let me get one thing clear - I'm not vertically centering the actual element, but the text within the element. This is my CSS and HTML which works on IE8 and above, but not below. a { display: table-cell; width: 100px; height: 54px; background: black; color: white; text-align: center; text-decoration: none; vertical-align: middle; } <a href="#">Hello superlongword</a> Now I know IE6 is virtually dead, I'd still like to support it if possible but if not then IE7 is fine. I want to try keep it with a single element as

I use this css code in my website: img { max-height: 800px; max-width: 600px; } Unfortunately, it doesn't work with IE 6 and 7. How can I solve it? Thanks in advance. Snger The max-height property is supported in IE7: http://www.w3schools.com/cssref/pr_dim_max-height.asp , and you can use IE7 test it by this link . IE6 and earlier versions do not support the max-height property. But you can use CSS to hack it: img { max-height: 800px; _height:expression(this.scrollHeight > 800 ? "800px" : "auto"); /* sets max-height for IE6 */ max-width: 600px; _width:expression(this.scrollWidth > 600 ? "600px

I use "data" attribute and in IE7 and I don't know how to get value of it. Can jQuery possibly help me? I have this window.event.srcElement.getAttribute('data-pk') Of course it does not work. Edit: for (i=0; i < max; i++) { if (typeof attachEvent == 'undefined'){ //open[i].addEventListener('click', function(e){ openSlide(e.currentTarget.getAttribute('data-pk')), false}); open[i].onclick = function(e){ openSlide(e.currentTarget.getAttribute('data-pk')), false}; } else { open[i].attachEvent('onclick', function(){ openSlide(window.event.srcElement.getAttribute('data-pk'))}, false); }; }; html

It's common knowledge on SO (see this question ) that to run IE6 and IE7 you need a Windows box (or virtual box) with only those apps installed. I doubt this is true (they are the real versions, I think). The two browsers I'm interested in are: Standalone IE6 from the MultipleIEs install Standalone IE7 also from Tredosoft (but published elsewhere) These two plus a "real" install of IE8 give you three IE versions in one Windows install. We all know that "You're out of luck if you're trying to run them all reliably in one VM," but can someone please show me JS, CSS, or HTML (or a plugin, etc.)

I have fixed height divs that contain text in them. I would like the text to be vertically aligned in the middle of the div, but the problem lies in the fact that some of the text is single-line, and some splits itself over onto two lines. For IE8, Chrome and Firefox, using display: table-cell and vertical-align: middle provides the solution I need: JS Fiddle is here . Take the asterisk off the width: 300px to see the formatting when the text is on one line. However, IE7 does not support the display: table-cell property. The only solutions I have found to this apply only to single lines, and

I have a element that is set to contain a table element. The table element will have anywhere from 0 to upwards of 350 rows. I thought the easiest way to size this DIV element was to apply the max-height property so the DIV element would grow as content was added and add a scroll bar once the content exceeds the max-height property. Code: <div style="max-height:209px;overflow:auto;"> <table> <tr><td>CONTENT</td></tr> </table> </div> What I get instead is that when the content reaches the max-height limit, instead of applying the overflow property, the div element just keeps growing. Of course