internet-explorer-7 | 易学教程

Spacing differences between IE7 and Firefox/Opera/Chrome

阅读更多关于 Spacing differences between IE7 and Firefox/Opera/Chrome

问题 I have an ongoing issue with the amount of vertical space of unordered lists in IE7 vs. Firefox/Chrome/Opera and I can't seem to find a solution out there. In IE7, the space is less and what I would like to see. In Firefox, Chrome, and Opera, the space between is about twice as much. I can't account for any of the spacing issues in my code or page. On my page, the code looks like this:  <div id="sidebox_new"> <div id="sidebox_top"><div id="sup">SUPPORT LINKS</div></div>

div inside ul causing problems in IE7

阅读更多关于 div inside ul causing problems in IE7

问题 I have a <ul > which contains many lis and divs. The li's are autogenerated from inputs and labels, and the divs are floated right and serve as tooltips to explain each input. The code is something as follows: <ul> <div>tooltip</div> <li>input</li> <div>tooltip</div> <li>input</li> <div>tooltip</div> <li>input</li> </ul> This works fine in firefox and IE8, but in IE7, it assumes that each div is part of the previous <li >, and completely drops the </li > tags from the interpreted source code

absolute positioned element clipping if position outside its parent item IE7

阅读更多关于 absolute positioned element clipping if position outside its parent item IE7

问题 Hi Im trying to position an element so its slightly positioned outside its parent item. In IE8 it works but in IE7 the positioned element gets clipped. Here's my code HTML: <div id="parent"> <div id="child">text</div> </div> The CSS #parent { height: 40px; width: 400px; position: relative; } #child { position: absolute; width: 100px; height: 60px; top: 0px; left: 0px; } In IE7 you will see that the last 20px of the child element gets clipped. How can I solve this? THX 回答1: Its just the famous

ie7 - relatively positioned div does not scroll in its container

阅读更多关于 ie7 - relatively positioned div does not scroll in its container

问题 I have a div with a scrollbar. Within it, I have various elements, one of which is an link with display:block and position:relative; Inside of this link are an img with default positioning, and an h3 tag which is supposed to appear over the top of that img, with position:absolute. When I scroll the DIV, other things scroll properly, but these elements and their contents stay fixed. Any ideas on how to solve this bug? Here's a fiddle, and the approx. code is below: http://jsfiddle.net/Z987x/

Why is the header off on IE7?

阅读更多关于 Why is the header off on IE7?

问题 I have this page and if you view the header in IE7 you will see the header is a bit off....Here is my code HTML <div id="header"> <a href="/"><img width="222" height="91" src="/images/logo.png" alt="pos system" id="logo"></a> <span class="phone fr">877.727.3548</span> <div class="cl"> </div> <div id="navigation"> <ul class="shop-nav"> <li class="systems"><a href="/pos_systems">Shop Systems</a></li> <li class="equipment"><a href="/shop_pos">Shop Equipment</a></li> <li class="supplies"><a href=

IE7 Weird spacing in ul

阅读更多关于 IE7 Weird spacing in ul

问题 So, I'm making this context menus, which looks great in all major browsers, even IE plays nice, right down until IE7. I don't know why it has that weird spacing and was hoping someone could enlighten me. Here's a JSFiddle CSS /* CSS Document */ *{ zoom: 1; } .context-menu-container{ border: 1px solid #828790; padding: 2px; width: 100px; background-color: #f1f1f1; font-family: 'MS Sans Serif', Geneva, sans-serif; font-size: 12px; position: relative; margin-left: 5px; margin-top: 5px; }

Style DL as a table. Oh no, IE7 floats DD

阅读更多关于 Style DL as a table. Oh no, IE7 floats DD

问题 I have a defined list. Works great with everything but IE7 (don't care about IE6) in which the DD column remains on the top line. Can anyone tell me why and how to fix? Thanks <!DOCTYPE html> <html> <head> <title>DL Lists</title> <style> dt,dd { float:left;} dt { clear:both;} </style> </head> <body> <dl> <dt>title for column 2</dt><dd>column 2 value</dd> <dt>title for column 2</dt><dd> </dd> <dt>title for column 2</dt><dd>column 2 value</dd> <dt>title for column 2</dt><dd>column 2 value</dd>

IE7 outline:0 not working

阅读更多关于 IE7 outline:0 not working

问题 I understand the the outline is used for accessibility but what's another way of doing: a { outline: 0; } something that works in IE7 using Jquery perhaps? 回答1: For jquery you can try something like this $('a').focus(function() { $(this).blur(); }); It's essentially the same thing as the IE 7 only solution, it says when anchor is focused, blur it. I tried this on Mac VM IE 7 and it works http://jsfiddle.net/QnMLR/2/ the top one has the outline and bottom one does not 回答2: now used to focus a

How to add querySelectorAll() function to Element for IE <= 7?

阅读更多关于 How to add querySelectorAll() function to Element for IE

问题 With the code from this article I've successfully added querySelectorAll to document in IE7. But I need to use it on an element rather than document , like this: var containers = document.querySelectorAll('.container'); // Works for (var i=0; i<=containers.length; i++) { var container = containers[i]; container.querySelectorAll('a[data-type="people"]'); // Fails // ... } Is there a way to add querySelectorAll to elements in IE7 rather than only to document ? 回答1: Very interesting question. I

mouseover css menu overlap with user input text

阅读更多关于 mouseover css menu overlap with user input text

问题 From snapshot, the grey block is the mouse over dropdown menu. What's behind it is a user input on the page. The issue is, if the input dom is not empty, meaning user has type in something and may covered by that css menu, then there is an overlap. it is only happen on IE7. So why and how can we resolve this issue? 来源： https://stackoverflow.com/questions/17284110/mouseover-css-menu-overlap-with-user-input-text