The width-setting of the Marquee inner-div that is set to 100 000 px breaks my responsive layout

[martinmidtsund]

If I change it to e.g. 500% instead, it works fine.

I'm using 100% width for most of my elements, and when I use the 100 000 px width in the marquee, all of my other elements also take on that width.

This is the line in question: https://github.com/aamirafridi/jQuery.Marquee/blob/e05f18a45cc78feb5c779d182b670d1f65370069/jquery.marquee.js#L147

[aamirafridi]

Sorry cannot understand the issue. Do you have an example to explain.

[martinmidtsund]

If you look at the line I am linking to, it has width:100000px. I have to change it to percent, e.g. 500% to make it responsive, at least in my layout. The difference is px vs %.

If I can make the time, I will try to make a simple example of the problem, if you cannot see this.

[ghost]

I am actually having the same issue, it bumps my div down under the parent div and isn't complying with responsive width design. I will post a screenshot soon.

[natedigzz]

In my case if the content length exceeds the value of the wrapper it forces a new row inside of the marquee.

Also I am assuming for these two guys they are having issues with the marquee affecting other elements in their view due to the number.

Maybe a way to dynamically set this value upon object initialization would solve the problem for these people.

[heckfy88]

Any progress on this?

[aamir-mns]

Any progress on this?

Please create an example with the issue. Here is the link to create a demo with the problem http://jsfiddle.net/aamir/jc7F3/285/

[heckfy88]

Would github pages work for you? https://heckfy88.github.io/monitors/

[aamir-mns]

Would github pages work for you? https://heckfy88.github.io/monitors/

Thanks, @heckfy88. To me, the marquee is appearing in one line. Please explain the steps to produce the issue.

[heckfy88]

you can see that the width of marquee elements is bigger than the width of the screen

try this script in the console:

var docWidth = document.documentElement.offsetWidth; [].forEach.call( document.querySelectorAll('*'), function(el) { if (el.offsetWidth > docWidth) { console.log(el); } } );

it shows all the elements that have width that is more than width of the screen, and it's all the marquee

[heckfy88]

that's a better screen

[aamir-mns]

@heckfy88 please explain what you expect in this example. What is the issue that you want to solve? The marquee seems to be working fine.

[heckfy88]

I believe I'm explaining it: The marquee increases the width of a webpage. If my screen dimensions are 1000x1000, without the marquee the dimensions of a webpage are 1000x1000, but if I use your marquee, the website dimensions become like 1500x1000. That's not ok

[aamir-mns]

I think you have some extra styling and wrappers around marquee. Can you try this http://jsfiddle.net/5h2ro8kp/ ?

[heckfy88]

I deleted everything but

*some text*

with the same properties as you have, nothing changed

[heckfy88]

@aamir-mns I've deleted a slider - it was the slider, I am so sorry for wasting so much of your time

[aamir-mns]

I deleted everything but some text with the same properties as you have, nothing changed

Please updated the fiddle link and paste it here so I can understand the issue you are having. You can fork this link http://jsfiddle.net/5h2ro8kp/