Suppose I want to have a link or a button that when user click it, the browser will close without any confirmation dialog box. It will need to work on Internet Explorer 6, 7, 8 and Firefox. ...
Our website www.phototulip.com displays fine in Safari and Firefox but not in IE7. The main content seems to display on the bottom right hand side and the nav bar shifts slightly to the left. I've tried to adjust sidebar and content widths but with no success. I was wondering if anyone could help. ...
I'm developing a web application that uses lots of Javascript and CSS, both of my own creation and through third-party libraries. These include jQuery and Google Maps & Visualization JS APIs. I've been testing everything in Firefox 3. Things are peachy until it turns out the main target of this webapp is (cue sad trombone) IE7. I'm look...
I am almost done with my project, but have one final looming problem that I'd like some advice on. Info on the CSS "margin transference bug" relating to ie6 and ie7 can be found here and here. So I have all of these heading tags with margin-bottom: 24px. They sit above any number of left-floated divs, depending on the page. Each of the...
I'm new to JQuery... this code doesn't work in IE7 but does in FF & Chrome. It says its giving me a syntax error, help! $(function(){ $("#bClose").click(function() { $("#ContactRepeat").slideUp("normal"); }); $("#bContact").click(function() { if ($("#ContactRepeat").css("display") == "display"){ $("#ContactRepeat").slid...
Greetings. I'm having troubles with the following legacy code. It's fine in everything except IE7, where the submit button disappears. Space is still left for it on the page, but it doesn't show. I've tried various ways of forcing hasLayout, but without success. Any suggestions? XHTML (XHTML 1.0 Strict DOCTYPE): <div id="headerFunction...
Hi- I need to make an area within a background image clickable to generate an event for JavaScript use. So, I created an anchor tag and inside that I inserted some relevant text between semantically meaningless tags which I then made hidden: <a href="#"><i>foo</i></a> Then I gave the anchor tag 'display:block' properties, width and he...
I've built a suckerfish navigation. It seems to work fine in modern browser but it's hiding behind the content when viewed in ie7 and ie6. another issue i notice across all browser is the hover state i've applied to the parent link item disappears when my mouse moves down to the secondary nav, is there a way to keep the active state on ...
Hi, I am using the JQuery Cycle plugin to cycle threw a bunch of DIV's, each DIV represents a weddings dress, with a pic, description and accessories etc. All works fine in FF and Chrome, but in IE 6/7 there is a bug with the transparent .pngs. Each time the cycle switches DIV's a strange black fuzzy border is added to the pngs, this i...
Couldn't comment on this post, which states the problem I'm experiencing: http://stackoverflow.com/questions/1588671/jquery-remove-on-element-doesnt-hide-used-space I can reproduce this in IE7 (and a colleague in IE6), my link is here: http://www.pritaeas.net/tools/linkfarm/ If you select a tag the list gets filtered and the tag adde...
I know IE7 & IE8 supposedly have support for using multiple CSS class selectors, but I can't seem to get it to work. CSS: .column { float: left; display: block; margin-right: 20px; width: 60px; } .two.column { width: 140px; } .three.column { width: 220px; } .four.column { width: 300px; } HTML: <div class='two column'>T...
Basically my problem is with the page at http://wiki.diablocommunity.com/index.php?title=Tristram_Cathedral Please see the screen shots below IE 7 Firefox 3.5 I have a right floating div (shown in the screen shots as the blue crossed box). This div is the problem. When its floated left or removed there is no problem The problem is,...
I have a site the runs in flash. IE7 will not reload the vars in flash, the vars set by flash in the swf. when the page is reloaded. The thing that bugs me out is refreshing the page actually refreshed the page. The flash started how it was supposed to except the variables in flash didn't reset. This only happens when the "Temporary Int...
I have two relative positioned DIVs A & B. a has a DIV as child element called A' which is absolute positioned and has a z-index of 1000. DIV B' is a child element of DIV B and positioned absolute as well. Firefox renders this as expected: A'-B'-B-A(from nearest to farest from the user) However, in IE7 I get: B'-B-A'-A Please can someo...
<div style="position:relative;"> OUTERFOO <div style="position:absolute; z-index:1000;">FOO</div></div> <div style="position:relative;">OUTERBAR <div style="position:absolute;">BAR</div> </div> I want FOO to stack over BAR without OUTERFOO stacking over OUTERBAR! This works in Firefox, but not in IE7. Can someone post a workaround? Th...
This is the HTML: <h2> Log in <a onclick="doSomething()" href="#" class="float-right"> </a> </h2> This is the CSS: .float-right { float: right; background: url(img.png); width: 10px; height: 10px; text-decoration: none; } So this should make the .float-right element float to the right of the text in the...
I have an h2 within a div. Both of them have borders. The h2 has a height attribute and a margin. When I view my page in IE6, IE7, or IE8 compatibility view, the h2 is all the way at the top of the div as if the margin is 0. However, if I view it in any other browser, the h2 has some space above it like I would expect. Can anyone tell m...
I have a CSS layout that simulates a fixed-frame page, with a header and a left side menu, and a content pane. In Firefox, this works fine, but in Internet Explorer 7, there is an additional scroll bar along the right-hand side. If you move the extra scroll bar with the mouse, it will scroll just the header off the top of the page. ...
Nested divs; works perfectly in Firefox-Opera-Safari, how to make it work for IE7? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div id="test-div-two" style="border: 1px solid magenta; float:left; margin: 2px;"> <div style="height: 20px; back...
I have a page where the user can dynamically add file upload boxes. Adding the boxes changes the height of the div they are in, but certain elements of the div below it stay in the same place, so they start to overlap with the new DOM elements. This works correctly in IE8, Firefox, Chrome. How can I force IE7 to reflow the page with t...