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:...
I have a situation where IE7 is simply not applying styles, even though it claims it is. I have an element on my page. In the CSS, I have defined a rule that should apply "display: none" to it, so it should not be displayed. It's still displaying. I downloaded the IE Developer Toolbar, and found the element in the DOM selector. I ri...
Hello all, Perhaps I am missing something, but I can't explain this from any IE bug I know of. Why in this example do the margins of the <p> and <hr> elements collapse as expected in standards compliant browsers (i.e. FF3, IE8, etc) but not in IE7 (including IE8 compatibility mode)? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
hi, in ie7 if you put a floated element inside a floated element to the same side the inside element just pushed far away outside the container element to the direction of the float. consider this code <div style="float: right"> <div style="float: right"> some text </div></div> any solution for this bug?? ...
Hi. I was searching for a way to implement back button in an ajax application (nothing unusual) as there are plenty of articles that cover this topic. But... But of course there are many restrictions. So my problem that is still not solved is regarding back button in IE6,7. More specifically it is regarding back button when you displa...
Still looking for an answer. Changing or reassigning to the filter's innerHTML successfully redraws the element, but breaks my script, so that's out. Adding additional child nodes, including text nodes, does not force a redraw. Removing the added node does not force a redraw. Using the ie7.js family of scripts does not work. In the...
I have a CSS <ul> <li> nested menu that works perfectly in IE 8 and firefox but in IE7 it produces a small gap between the elements. this is my CSS: #nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position:static;/*the key for ie7*/ line-height: 1.5em; } #nav li { ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function init(){ document.getElementById('test2').innerHTML = '1 2'; } </script> <style type="text/css"> #test{ white-space:pre; } #test2{ white-space:pre; } </style> <title>...
I have action list that i show when i am hover over an a link. it works fine in firefox 3.6 and Ie8 but its not working the same in IE7. Here is my code: <td class="noTableStyle"> <a href="#">Actions</a> <ul> <li><a href="#" title="Edit">Edit</a></li> <li><a id="Delete" href="#">Delete</a></li> </ul> </td> Here is my Jque...
i'm getting this weird CSS bug in ie6/7 (but not in ie8 or firefox): for some reason, my anchor and <span>, two inline elements, which are on the same line, are being displayed on different lines. the span is floating to the right, too! Here's the HTML: <div class="sidebartextbg"><a href="journey.php" style="width:50%" title="Trac...
I have this nav that uses addClass('hover') when the mouse is rolled over an item. This works fine except in IE7 when the addClass function is called every element with float:left stops floating and the page totally loses its structure. This is my JS: _this.position_sub_menus = function(){ $('#header #nav > ul > li').mouseenter( ...
Hi, when i test this page http://www.catalogues4u.com.au/ViewCategory.aspx?catID=119 im getting the above error. to replicate this issue visit the above page in ie7 and you will get the prompt. i did some search but couldnt find a way to resolve this issue. any help is apprecated. THanks, Aneef ...
In this page, the height of the payment method area is shorter than the height of the parent element in IE7. How can I fix this Do I have to apply shading to the parent element - a table cell - instead of the table? This is the page: https://checkout.netsuite.com/s.nl?c=659197&sc=4&whence= This is the login info: email: test...
Hi there, I have an image with a class of "actions_image" that when clicked shows a menu. This image with hidden menu appears several times on the same page. I'm having issues with the code below for 2 reasons: 1 - In the Javascript code, the first line is to ensure that if there's already a menu open, this will be closed before the n...
I am working with an IFrame and I can't seem to figure out a way to disable only the horizontal scrollbar in IE7. I need the vertical scrollbar but I want to completely disable the horizonal bar. Check out the IFrame setup here: Iframe Example I have disabled horizonal scrolling in the other browsers using: overflow-x: hidden; overf...
I am fixing bugs for IE7 and this one has me stumped. The content in this page is larger than its containing div. IE7 is properly displaying a vertical scroll bar but the content is getting on top of the vertical scroll bar and when the user clicks the scroll button the content doesn't move. I can't imagine what is causing this. Any Idea...
I am trying to vertically align the cell phone icon on this page so that it lines up with the text to the left of it. In normal browsers, I just added vertical-align: sub; but this doesn't work in IE7 (shocking, I know). As far as I can tell it seems like IE7 doesn't support inline-block elements. Is there a good solution for fixing this...
CSS display: inline-block and width: 100% does not work on IE6 and IE7. Does anyone have some solution? Thanks! <style> nav {text-align: justify;} nav li {display: inline-block; white-space: nowrap;} nav span {display: inline-block; width: 100%;} </style> ... <nav> <ul> <li>Home Page</li> <li>Services</li> <li>Clients</li>...
Is there any JavaScript Library that makes CSS3/HTML5 website fully work on all browsers, including IE6-8? Latest eCSStener and Modernizr does not make CSS3 work on IE6-8. ...
I've coded myself into a CSS corner. I have a list of images that I display next to each other using an unordered list. The unordered list is placed inside a fixed width div, so that each 3 images, the next 3 images will display on the next "row". Each li in the ul does not just display the image, it displays all kinds of stuff, like so...