Hi,
i have this page.
login: [email protected]
password: m
As you can see in IE7 the selects for the age, and radio buttons are not well organized. In FF and IE8 no problem.
Any idea?
Regards
Javi
Has anyone got any idea why the menu is rendering below the rotating images on this site in IE7: http://new.coffeelatino.co.uk/.
The z-index is much higher for the menu that it is for the rotating images.
Just another reason why IE is so dreadful.
got the jq cycle plugin to work nicely on all the other major browsers, but IE7 just shows the first nested element (an img with a anchor wrapped around it) with no fade/animation.
http://alitedesigns.com/
I checked for trailing commas after the custom attributes for cycle, any thoughts on why IE won't play nice?
thanks!
I swear the following code used to work, even in IE7 but now i get
Error: Object doesn't support this property or method
$('div').each(function() {
if(! this.attr('id').startsWith('light') ) {
this.css('zIndex', zIndexNumber);
zIndexNumber -= 10;
}
});
Any ideas?
I'm totally baffled as to why these 2 sites are rendering differently in IE7, even though the theme powering both is the same, they're both on WordPress 2.9.2...
This one is okay: http://htm2wp.com/dev/svn
This one has the sidebar appear at the bottom: svnsvadvisors.com/blog
Meanwhile, they render the exact same in Chrome and Firefox.
Anyone have any idea why this is happening? I think I may just be too close to the problem to see it.
I'm having a problem with IE7 when clicking on images that open up using the Lightbox 2 javascript image viewer. Instead of overlaying the image on the current page it opens the image into a separate page.
Not sure if this is an AJAX problem possibly ?
Works fine in Firefox.
Anybody else come across this before ?
Can somebody please explain this IE7 bug to me? It occurs in Standards and Quirks mode rendering, it does not occur in Firefox, Chrome or IE8 (though switching the rendering engine via IE8 developer tools will provoke it). Here's the HTML to reproduce the behavior:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
/* h1 { margin: 0px; } */
ul { padding: 0; margin: 0; list-style-type: none; }
ul li { float: left; width: 140px; padding: 3px; }
div { clear: left; padding: 3px; }
div, li { background-color: OrangeRed; }
/* ul { border: 1px solid blue; } */
</style>
</head>
<body>
<h1>Heading 1</h1>
<ul class="t">
<li>bla 1</li><li>bla 2</li><li>bla 3</li>
</ul>
<div>yada</div>
</body>
</html>
This renders a floated <ul> above a <div> (supposed to be a tabbed user interface).
There's an unexplained gap between the <div> and the <ul>.
Now do one of the following:
Uncomment the CSS rule for <h1>. The gap disappears and the list is rendered tight to the <div>, but also very close to the <h1>.
Alternatively, uncomment the CSS rule for <ul>. Now a narrow blue border is rendered above the <ul>, but the gap disappears.
My questions:
How can the <h1> margin (I suppose any block level element with a defined margin will do) affect the space below the list?
Can I prevent this from happening without having to set header margins to 0 or messing with the <ul> borders (setting border-width: 0; does not work BTW)?
I suppose it is connected to the <ul> having no width because it has only floated children. Maybe someone with more insight into IE7 peculiarities than I have can explain what the rendering engine is doing here. Thanks!
Hello,
I am having a big issue with coda-slider and ie7. The horizontal scrollbar is unwanted and I cannot figure out how to remove it. Since coda-slider works as one long scrolling div, I could see why this is happening, however, in all other broswers, including ie8, there is no horizonal scroll.
Looking through the web there are alot of sites saying "overflow-x:hidden" will work on the body selector in css, however this has not solved the issue.
the site is at http://www.clearcreativegroup.com/clear3/index.html
Any help would be greatly appreciated.
I have been searching for a way to fix this problem for a while now.
It seems something could be wrong on the javascript, or maybe it has something to do with the positioning.
This page http://www.medspilates.cl/ works fine on FF, on Chrome, on Safari and on IE8, but on ie7 it doesnt, the body gets displaced to the right and the main content disappears, it's also happening on ie6 (it didnt but now it does).
Sorry to post the full page but i can't pin point the exact problem except maybe the function i'm using for positioning
$(document).ready(function(){var height = $(window).height();
$('#menu').css('margin-top', $(window).height() - $(window).height() /4)
$('#post1').css('margin-left', $(window).width() - $(window).width() /1.125)
})
any help would be apreciated since I just cant find the answer.
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 tab
var $tabValue = $(this).attr('href');
$.ajax({
type: "GET",
cache: false,
dataType: "html",
url: $(this).attr('href'),
success: function(data){
$(data).find('.benefitWrap').each(function(){
var $benefitWrap = $(this).html();
$('.benefitWrap').replaceWith($('<div class="benefitWrap">' + $benefitWrap + '</div>'));
});
}
});
event.preventDefault();
});
This is killing me as it has taken ages to get this far.
Any ideas where i am going wrong?
I'm debugging a site that has problems with element positioning when printing (I have a separate print.css file linked by a link element with the media="print" attribute). This problem only occurs in IE7 and IE8.
What I'm looking for is a way to view the page using the print media type, but while still having IE8's developer tools available to view element details and edit in real-time, etc.
The function I'm looking for would be similar to the "Display CSS by Media Type" feature in Chris Pederick's Web Developer Extension for Firefox. (But this problem doesn't occur in firefox...nor in safari, or even in IE6.)
Hi there
I have created a time picker using jquery, using the following code
// Display Time Picker
$('.time').click(function(){
$('.timePicker').remove();
var thisTime = $(this);
var timePicker = '<ul class="timePicker">'
timePicker += '<li>09:00</li>'
timePicker += '<li>09:15</li>'
timePicker += '</ul>'
thisTime.after(timePicker);
$('.timePicker').fadeIn()
$('.timePicker li').click(function(){
term = $(this).html();
$(thisTime).val(term);
$('.timePicker').remove();
});
}).blur(function(){
$('.timePicker').fadeOut();
});
This adds a dropdown scrollable list of times to any input field with the class "time".
This functions as expected in all browsers apart from IE7, where if I scroll the list to choose a time lower down in the list, the list dissapears..
Hope that makes sense, any help would be much appreciated
Many thanks
I have a span that is generated through javascript, with its css class as follows:
.class1{
width:25px;
height:25px;
background-image: url(pic.png);
background-repeat:no-repeat;
background-position: center;
cursor:pointer;
margin-left:10px;
}
The problem is on, the html page, i can see the pointer -cursor, but not the background image,over the span, in IE7.
In IE6, both get shown , no problems.
I have a problem with flash content in IE7 being always over the menu items
I have a structure like the following:
<div id='skyscraper_flash'>
<!--this id skyscraper_flash is position absolute-->
<object>
<!--this is wmode transparent-->
</object>
</div>
<div id='menu'>
<!--this id menu is also position absolute-->
<ul>
<li>foo</li>
<li>bar</li>
</ul>
</div>
Now then the last item of the menu opens it shows behind the flash content. The skyscraper is on the right of the page content. What should i look into?
The simplified version of the problem I am seeing in IE7 can be demonstated using FireBug Lite.
On a page loaded with jQuery, I open FireBug Lite (via bookmarket) and I enter the following:
image = $('<img src="http://example.com/boofar.jpg" border="12"
width="95" height="95" title="Booya">')[0];
and the result echoed is:
<img title="Booya" contentEditable="inherit" start="fileopen"
loop="1" src="http://example.com/boofar.jpg" border="12">
Where are the width and height attributes?
Furthermore,
image.width;
and
image.attributes.width.value;
return 0 and "0".
Seen this with both jQuery 1.2.6 as well as 1.4.2. It does the right thing in IE8 and FF.
Any ideas where those attributes went? Very annoying....
Hi All,
I'd really appreciate if someone could help me with a strange problem with Jquery.cycle.
I've added jquery.cycle (verson 2.72) into a existing application (Prestashop) to slideshow a number of images. On Firefox, Mozilla etc it works brilliantly - on IE7 a bizarre problem occurs.
The problem is where I have a and say 6 pictures a couple of to break things up then another content and IE includes the "editorial" into the slideshow. The "editorial" block is removed from the page, and appears as the last slide in the slideshow, located in the top left corner.
Additional facts: jquery-1.2.6 is in use for the rest of the application (I've tried to upgrade it and all I get is the same behaviour with lots of other things breaking). I've tried jquery.cycle.lite - same behaviour.
css:
root {
display: block;
}
.pics {
height: 432px;
width: 432px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 400px;
height: 400px;
top: 0;
left: 0
}
div.pics {
margin-left: auto;
margin-right: auto;
}
snippet:
$(document).ready(function() {
$('.pics').cycle({
fx: 'fade',
pause: 100,
cleartype: 1
});
});
img source
img source
img source
img source
This question comes after two days of testing and debugging, right after the shock I had seeing that none of the websites i build using ajax-based login work in IE<8
The most simplified scenario si this:
1. mypage.php :
session_start();
$_SESSION['mytest'] = 'x';
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript">
function loadit() {
$.post('http://www.mysite.com/myajax.php', {action: 'test'}, function(result){alert(result);}, 'html');
}
</script>
<a href="javascript:void(0);" onclick="loadit(); return false;">test link</a>
2. myajax.php
session_start();
print_r($_SESSION);
print session_id();
When I click the "test link", the ajax call is made and the result is alert()-ed:
IE6:
weird bullet-character (•)
IE7:
Array(
)
<session_id>
IE8/FF (Expected behaviour):
Array(
[mytest] => 'x'
)
<session_id>
I would really appreciate some pointers regarding:
1. why this happens
2. how to fix it
Thank you.
<div id="nav">
<ul>
<li><a href="#"></li>
<li><a href="#"></li>
<li><a href="#"></li>
<li><a href="#"></li>
</ul>
</div>
#nav {
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin-left: 4px;
position: absolute;
top: 230px;
width: 800px;
}
#nav a{
color: #ffffff;
text-decoration: none;
}
#nav li {
display: inline;
margin: -4px;
padding-left: 15px;
padding-right: 15px;
padding-top: 19px;
padding-bottom: 12px;
}
#nav li a {
background-color: transparent;
}
the code above works fine in firefox with the highlighting filling out the entire "tab" of the navbar. however in ie7 it is off center and not filling up the same way. any ideas ?
This is the test page: http://www.onebagoneearth.com/ OBOEKindBag (spaces between the pagename and domain because I don't want the URL indexed as such)
If you click on one of the thumbnails, or on the main image, you see a popup window, and if you enter a quantity and then click "add to cart" here, in IE7 (and IE6, but I'm not focusing on that as much), you see an invalid argument error with Code:0.
The line # changes depending on which item you add to cart! The URL also changes because it depends on this line of javascript:
var cartUrl = "/app/site/backend/additemtocart.nl?c=659197&n=2&buyid=" + zbuyid + "&qty=" + zqty + "&" + strOptionId + "=" + zitmId .
The strOptionId variable, which contains the bag color type (ie. this changes for the different types of bags, like Kind bags, regular OBOE bags), and the zitmID variable which contains the particular bag color that you've selected (ie. Black), are what change, and also what seem to affect the line number that the invalid argument occurs on.
The error definitely doesn't occur in Chrome 4, IE 8, or FF 3.5.
Ideas?
Hi,
I've got a left rounded corner box - textbox - right rounded corner box which all make up part of a search box. All's well in FF, Chrome, IE8 but not IE7.
I've checked it using the debug tool and and I have tried a number of options, none of which want to work at the moment, so I am hoping someone might know what this issue (bug) might be please?
Here's a snippet of my code:
<div class="roundBox4">
<img src="../App_Themes/MyChoice2010/Images/reality-box-top.gif" width="228" height="8" /><img
src="../App_Themes/MyChoice2010/Images/reality-box-locate.gif" width="228" height="49" />
<asp:ContentPlaceHolder ID="Box4Content" runat="server">
</asp:ContentPlaceHolder>
<div class="locateABroker">
<img src="../App_Themes/MyChoice2010/Images/locate-broker-left.gif" class="locateBrokerLeft"
height="19" width="3" /><asp:TextBox ID="TextBox1" CssClass="locateBrokerCenter"
runat="server"></asp:TextBox><img src="../App_Themes/MyChoice2010/Images/locate-broker-right.gif"
height="19" width="3" class="locateBrokerRight" />
<a href="" class="locateBrokerSubmit">Submit</a><img src="../App_Themes/MyChoice2010/Images/box-arrow.gif"
class="linkArrow" width="8" height="14" />
</div>
I'm new to ColdFusion, have a very basic problem that's really slowing me down.
I'm making edits in a text editor and refreshing the page in web browsers for testing. Standard web dev stuff, no browser-sniffing, redirection, or other weirdness, and no proxies involved.
When I refresh the page in Chrome or Firefox, everything works fine, but when I refresh in IE7, I get a blank page. View Source shows me:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8"></HEAD>
<BODY></BODY></HTML>
That's it. While I am rendering to the transitional DTD, the real head contains a title, etc.
My development server is CF 9, production is 8. This problem has been happening in both. Seems it may only be happening on pages that are the the result of a POST action.
I've never experienced this in ASP.NET (my usual development environment) using the same browsers.
I'm new to Cold Fusion, have a very basic problem that's really slowing me down.
I'm making edits in a text editor and refreshing the page in web browsers for testing. Standard web dev stuff, no browser-sniffing, redirection, or other weirdness, and no proxies involved.
When I refresh the page in Chrome or Firefox, everything works fine, but when I refresh in IE7, I get a blank page. View Source shows me:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8"></HEAD>
<BODY></BODY></HTML>
That's it. While I am rendering to the transitional DTD, the real head contains a title, etc.
My development server is CF 9, production is 8. This problem has been happening in both. Seems it may only be happening on pages that are the the result of a POST action.
I've never experienced this in ASP.NET (my usual development environment) using the same browsers.
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 of it, all surrounded by a border.
On all browsers including IE8 it displays correctly.
But on IE7 the content only starts below the menu, and leaves a big open space to the right of the menu.
I have searched all kind of solutions and tried all kinds of combinations of right, left, none for float. clearing left right both. It always displays different on the browsers.
Any help is appreciated.
Michael
Hi All,
I am using jquery cycle and jCarouselLite plugin to display images as slide. Images are getting displayed in ie7. but working perfect in ie6.
Image Property inside the cycle control:
Protocol: Not available
Type: Not available
Address(url): Not available
Size: Not available
Dimensions: 100X100
but control having the url. if i tried that image url separate it showing the image.
Code:
$('#slide').cycle({
fx: 'fade',
continuous: true,
speed: 7500,
timeout: 55000,
sync: 1
});
Html Code:
<div id="slide">
<img src="samp1.jpg" width="664" height="428" border="0" />
<img src="samp2.jpg" width="664" height="428" border="0" />
<img src="samp3.jpg" width="664" height="428" border="0" />
<img src="samp4.jpg" width="664" height="428" border="0" />
<img src="samp5.jpg" width="664" height="428" border="0" />
<img src="samp6.jpg" width="664" height="428" border="0" />
<img src="samp7.jpg" width="664" height="428" border="0" />
<img src="samp8.jpg" width="664" height="428" border="0" />
</div>
Geetha.
We are a bit desperate... We have launched our website http://www.buscounviaje.com
We tested all browsers (IE6-8, Firefox, Safari, Chrome, ...) to make sure everything was OK. However, there are some users (IE7 and IE6) that are complaining that they see everything 'white' with black letters (i.e. CSS styles not being applied). One user said he was getting an "Error 0: Object expected"
However, we do not see that error in Firebug, nor on our local installations of IE6&7. Other users with IE6&7 are also visualizing the web correctly. We have no idea where the problem could be, and we cannot test it because our IE6&7 work fine.
Anyone sees the web page without styles and give us a hint on where the problem might be?
Reasons we can think of...
we are compressing js and css and some versions of IE6&7 are not able to decompress them
we are trying to use a non-existing object in javascript and some versions of IE6&7 do not like it
the cache does not seem to be the problem... we guided a user through emptying his cache and he could still not see the web site correctly.