Search jQuery

jQuery Forum

Using jQuery

jQuery_be..

How can I change the width in Internet Explorer 9?

in Using jQuery • 9 years ago

Hi:

I am making a website with a nice picture slide.

The slide has arrows on the left and right and I want them to adjust to the size of the active image.

Here is the link to the site: http://dergebauer.test6002.info/projekt.htm?id=029&from=matr&category=sonderloesungen

It works everywhere except in IE.

I also tried to rebuild the error on a dummy site...but everything worked.

Thank you for any help!

I attached a image of the html layout :

Replies(6)

jay.blanc..

Re: How can I change the width in Internet Explorer 9?

9 years ago

You could use outerWidth() to get the width of each of the elements, sum them and then apply that sum to the element that you are adjusting using the css method:

http://api.jquery.com/outerWidth/
http://api.jquery.com/css/

Or you could get the outerWidth of middlebg and add the margin to it then apply that sum to the element using the css method.

jQuery_be..

Re: Re: How can I change the width in Internet Explorer 9?

9 years ago

Hi jay.

That is my problem, I cannot change the width.

I added some lines of code to make it more clear what I mean:

$('#middle').css('width', 160);
alert('One line above alert the width of #middle was set to 160px, here is the actual width: ' + $('#middle').width() + ' and here is the outerWidth ' + $('#middle').outerWidth());

What I expect from this is to alert me the following text :

One line above alert the width of #middle was set to 160px, here is the actual width:160 and here is the outerWidth 160.

but In Internet explorer it alerts :

One line above alert the width of #middle was set to 160px, here is the actual width:280 and here is the outerWidth 280.

try it out yourself(do a page reload might still be in your cache) : http://dergebauer.test6002.info/projekt.htm?id=029&from=matr&category=sonderloesungen

So I did some more tests also with $('#middle').width(160); and some more and I am sure that everything works except for setting a new width.

I don't know whats going on.

I tried to rebuild this problem in other examples and those all work in IE.

rminde

Re: How can I change the width in Internet Explorer 9?

9 years ago

when i seperate your problem in a small example, i get the same result for ie or ff, there it seams to give another problem in your code.

http://jsfiddle.net/8cype/

jay.blanc..

Re: How can I change the width in Internet Explorer 9?

9 years ago

Which version of IE? The only one that I have available at the moment is IE7 and it reports: One line above alert the width of #middle was set to 160px, here is the actual width:160 and here is the outerWidth 160.

It would seem to me that something further up the CSS tree is restricting the width.

jQuery_be..

Re: Re: How can I change the width in Internet Explorer 9?

9 years ago

Hi rminde and jay:

I am using IE 8 and IE 9.

I still don't know what is happening,

but I did more testing with different width and figured out that:

any number between 1-160 will result in the width being 280...like this

$('#middle').css('width', 1-160);

$('#middle').width() = 280

any number 400 or more will be the correct number!

$('#middle').css('width', 400);

$('#middle').width() = 400

$('#middle').css('width', 500);

$('#middle').width() = 500

So this part works but only numbers greater then or equal to 400

and in between 160 and 400 it takes anything more then 160 divides it by 2 and adds it to 280. For exampel:

$('#middle').css('width', 160);

$('#middle').width() = 280

$('#middle').css('width', 200);

$('#middle').width() = 300

$('#middle').css('width', 300);

$('#middle').width() = 350

Do you guys have any idea where that might be coming from?

I hope you understand my explanation.

I still have no clue why it acts like this.

I just realized each of my arrows is 80px so this could have something to do with the 160(2 arrows)

And 400 was originality the width of each picture....but that changed

Yeh I'm still trying to figure it out.

jQuery_be..

Re: Re: How can I change the width in Internet Explorer 9?

9 years ago

IE had some margins put into my design and that messed it all up! Thank you for the tip!

Top Reply

Response title

Attachments

jQuery Forum

How can I change the width in Internet Explorer 9?

Replies(6)

Re: How can I change the width in Internet Explorer 9?

Re: Re: How can I change the width in Internet Explorer 9?

Re: How can I change the width in Internet Explorer 9?

Re: How can I change the width in Internet Explorer 9?

Re: Re: How can I change the width in Internet Explorer 9?

Re: Re: How can I change the width in Internet Explorer 9?

Statistics

Tags

Actions