internet-explorer-8

IE8 horizontal scrollbar problem

一笑奈何 提交于 2020-01-11 06:42:09
问题 I have an IE8 buggy horizontal scrollbar problem, similar to this: DIV with overflow:auto and a 100% wide table (unfortunately the solution suggested there (with zoom=1) does not work here, or I don't know how to apply) the horizontal scrollbar should not appear (it does not appear in FF or Chrome but it appears in IE8) the sample code, with CSS tables: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <body> <div style="display:

Adding a Google +1 Button after page load in IE 8

╄→尐↘猪︶ㄣ 提交于 2020-01-11 05:44:06
问题 I'm working on a site right now where I need to build a URL before putting the button on the page. Here's how it works: var googleplus = $("<g:plusone size='tall' href='http://google.com'></g:plusone>"); $("#container").append(googleplus); gapi.plusone.go(); And in the head I have this: <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> This works in Firefox/Chrome/IE 9, but not IE 8. I'm at a loss as to what else to do to make it work. I tried with the gapi

Vertical text in IE within a table cell

走远了吗. 提交于 2020-01-10 18:52:19
问题 I'm trying to rotate some text cross browser within a thin table cell that spans a few rows. I want it to be a nice compact summary of the rows, which is why it is thin and rotated -90 degrees. The tips described here: Vertical (rotated) text in HTML table work like a charm except in, surprise surprise, IE, where the text is rotated, but the text is clipped to the width of the cell. Here are the relevant styles: #schedmenu td.label { /*width:22px;*/ /*width:100%*/ vertical-align:middle; font

clientHeight/clientWidth returning different values on different browsers

大城市里の小女人 提交于 2020-01-08 17:14:14
问题 Properties document.body.clientHeight and document.body.clientWidth return different values on IE7, IE8 and Firefox: IE 8: document.body.clientHeight : 704 document.body.clientWidth : 1148 IE 7: document.body.clientHeight : 704 document.body.clientWidth : 1132 FireFox: document.body.clientHeight : 620 document.body.clientWidth : 1152 Why does this discrepancy exist? Are there any equivalent properties that are consistent across different browsers (IE8, IE7, Firefox) without using jQuery? 回答1:

Supporting IE8 with HTML5

南笙酒味 提交于 2020-01-07 02:21:32
问题 I've noticed that some websites I worked on years ago are now broken in IE8. It took a while to figure out but I see the file — http://html5shim.googlecode.com/svn/trunk/html5.js — that I've always used is now offline. I don't often build websites these days so I'm a little out of touch. But have devs basically abandoned this browser now? or is there some other alternative file to fix it? 回答1: If you just want to use HTML5 elements in IE8, for basic styling, you only need this CSS article

Placeholder IE9 - Javascript not executed in IE9

孤街浪徒 提交于 2020-01-06 19:27:36
问题 I'm currently developping a website in Drupal and i used a Javascript to replace the placeholder property in IE8-9. Here's the code : $('input[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function() { var input = $(this); if (input.val() == '' || input.val() == input.attr('placeholder')) { input.addClass('placeholder'); input.val(input.attr('placeholder')); } }).blur(); But it

IE8 ignores absolute positioning and margin:auto

本小妞迷上赌 提交于 2020-01-06 19:09:14
问题 I have a lightbox-style div with scrolling content that I am trying to restrict to a reasonable size within the viewport. I also want this div to be horizontally centered. This is all easy in Fx/Chrome/IE9. My problem is that IE8 ignores the absolute positioning which I use to size the content, and the rule margin: 0 auto which I use to horizontally center the lightbox. Why? What are my options for workarounds? EDIT : The centering issue is fixed by setting text-align:center on the parent

IE8 ignores absolute positioning and margin:auto

不想你离开。 提交于 2020-01-06 19:08:36
问题 I have a lightbox-style div with scrolling content that I am trying to restrict to a reasonable size within the viewport. I also want this div to be horizontally centered. This is all easy in Fx/Chrome/IE9. My problem is that IE8 ignores the absolute positioning which I use to size the content, and the rule margin: 0 auto which I use to horizontally center the lightbox. Why? What are my options for workarounds? EDIT : The centering issue is fixed by setting text-align:center on the parent

How do I set different options for X-UA-Compatible in Apache for IE8 and IE9?

旧街凉风 提交于 2020-01-06 09:12:47
问题 I was facing issue with rendering big tables in IE8 (See this) it goes really slow and hangs. This was working correctly in IE7 so to solve it I have used Header add X-UA-Compatible IE=EmulateIE7 in my Apache httpd.conf file and now it all works fine. I also use IE9 and my site works fine with adding HEADER for IE7 emulation. But with this fix IE9 is also using EmulateIE7 I would rather like it to use IE9 rendering engine. I want IE8 to use IE7 rendering engine and IE9 to use IE9 rendering

How do I set different options for X-UA-Compatible in Apache for IE8 and IE9?

南笙酒味 提交于 2020-01-06 09:12:12
问题 I was facing issue with rendering big tables in IE8 (See this) it goes really slow and hangs. This was working correctly in IE7 so to solve it I have used Header add X-UA-Compatible IE=EmulateIE7 in my Apache httpd.conf file and now it all works fine. I also use IE9 and my site works fine with adding HEADER for IE7 emulation. But with this fix IE9 is also using EmulateIE7 I would rather like it to use IE9 rendering engine. I want IE8 to use IE7 rendering engine and IE9 to use IE9 rendering