This SSCCE says it all: <!doctype html> <html lang="en"> <head> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#add').click(fun...
Hello, I'm replacing some text with cufon on my page and I'm using jquery stylish select box plugin (http://www.scottdarby.com/plugins/stylish-select/0.4/) to style select boxes. The problem is that, in IE6 and IE7, select box goes under the cufonized text. (the select box is actually an <ul>). Anyone had this issue before? Thanks, ...
I have a site in which we have a button that essentially strips the CSS from a large list of companies so it is clean when it prints. It renders fine in all browsers and prints perfectly in every browser except IE7. I have made sure that their is a stylesheet for media=print and that everything is positioned nicely for IE.Basically, we a...
In IE7 and IE6 the form validation returns alert('Please fill the indicated fields.'); and no field is highlighted as invalid . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="cont...
This relates to my previous post: http://stackoverflow.com/questions/2318696/jquery-load-method-causing-page-refresh-ajax I changed my implmentation to use the .ajax method instead of .load and it works fine in Firefox but not in IE7 or IE6: $('ul#coverTabs > li > a').live('click', function(event) { // Find href of current ta...
Note that this only seems to be an issue in Internet Explorer versions 7 and lower. Here's a dumbed-down version of my HTML: <table> <colgroup> <col width="20" class="hidden_col" /> <col width="50" /> <col /> </colgroup> <tr> <td class="hidden_col"><input type="checkbox" /></td> <td>Title</td> <td>Longer Description</td> </tr> </tabl...
If you look at the screenshot below you can see that the right menu box in red has the wrong position in IE6 and 7: <div id="doc4" class="yui-t2"> //yui-t2 = 180px on the left <div id="bd"> <div id="yui-main"> <div class="yui-b"> <div class="yui-gc"> // yui-gc 2/3, 1/3 <div class="yui-u first">content</di...
I have a problem. The client is claiming that a prize signup form I built for them is not working in IE 7. It works in IE 8 just fine which they agree about, but in IE 7 it doesn't. (luckily they don't care about IE 6). I was hoping someone could help me debug it since I don't have access to a machine with IE 7 (I work on a Mac). The pag...
The header of a sub-section of my site is made of 4 divs vertically stacked. A fifth div, that contains an image, is floated over those 4 divs, a bit away from the right border. This layout works well on Firefox, IE8, Chrome, and other browsers, but on IE7 and IE6 the div does not float over the other divs, messing my layout. How can i f...
I'm having problems in IE6 and 7 with a div that doesn't complete the bottom padding that is attributed to it, so doesn't appear to finish the div down to the white content area like required. Here's the coded homepage with the problem. http://qwibbledesigns.co.uk/preview/Softwear/ The div house's this content: Services : Design, Xht...
I've implemented a slideshow using the Cycle plugin, which is working in all browsers except IE6&7, where the images just show up in a list, and the #page_copy div is not hiding. I've been going through the code all day without any luck, and not exactly sure how or what I should be looking for. What would be the best way to go about de...
http://wilwaldon.com/ie7bug/test1.php Notice the middle column, the images are supposed to float left, they do in every browser but IE7. I've never encountered this problem before and have no idea what's going on with it. Any ideas that would point me in the right direction would be greatly appreciated, thank you. UPDATE If I delete...
I have the following <div id="border" style="width:100%; border:8px solid #FFF"> <div id="menu" style="width:250px; float:left;" > Some menu </div> <div id="content" style="padding-left:270px; width:520px;" > Main page content </div> </div> This gives me a left aligned menu and the content to the right ...
HTML <form id="contact_form" action="#" name="" method="POST"> <label for="name">NAME</label> <input type="text" name="name" id="name" class="contact_form_input" /> <label for="email">EMAIL</label> <input type="text" name="email" id="email" class="contact_form_input" /> <label for="subject">SUBJECT</label> <input type="text"...
I am having a big trouble positioning my dropdown menu on below URL (Internet Explorer 7 problem only): http://tinyurl.com/y7v2qj9 When hovering the menu, you will see that the drop down appears behind the image. This doesn´t happen in IE8 or Firefox, only in IE7. I think it must be related to a specific bug which i am unaware of, can´...
Below is the css for my menu #menu { position: absolute; left: 170px; top: 92px; background: #336699; float: left; z-index:50; } #menu ul { list-style: none; margin: 0; padding: 0; width: 9em; float: left; } #menu a, #menu h2 { font: bold 11px/20px arial, helvetica, sans-serif; display: block; border-top-width: 1px; bor...
Hi there. I'm using a very simple CSS dropdown menu which works well in most modern browsers. Unfortunately it must also work in IE6 and 7, which it currently does not. Can anyone please check it out very quickly and tell me if it can be easily fixed? I'm not adverse to using JavaScript if required. The markup and CSS: http://paste2...
I'm using an unordered list. With an image to the left and text to the right. I only noticed today that IE7 was displaying this so badly that it wasn't even acceptable. Woops for not realising sooner. I have the given the image a class and the text wrapped in a seperate div. <ul> <li><a href="domain"><img src="http://www.domain.com/i...
I have written a struts application. When i open the application in my IE7 browser, it doesn't open the .do files, instead IE7 displayes the "FIND SAVE or CANCEL" dialog box. Its like IE7 doesn't recognise the format. But it works well with Firefox. Could anyone clarify why this happens with IE7 ? ...
I have this code <div id="facebook_bar"> <div style="float:left;"> <img src="images/topbar_followus.png" width="70" height="25" /> <img src="images/topbar_twitIcon.png" width="30" height="25" /> <img src="images/topbar_fbicon.png" width="30" height="25" /> </div> <div id="newsletter_box"> <img src="images/topbar_s...