[Help] Slide width 100%
See original GitHub issueHi,
I’m encountering a strange issue, I put all the div to width: 100%;
but when I look in the Dev tools, it’s not work and by the way the translate doesn’t work well.
Here is a screen of :
The .frame
div fill correctly the container
Do you have an idea about this ?
Thanks for your great works !
Issue Analytics
- State:
- Created 7 years ago
- Reactions:2
- Comments:7
Top Results From Across the Web
Simple slider with width 100% - javascript - Stack Overflow
You need to calculate the width the slides should be(probably the size of the browser window or the container DIV) and resize the...
Read more >[Help] Slide width 100% · Issue #255 · loryjs/lory - GitHub
Hi, I'm encountering a strange issue, I put all the div to width: 100%; but when I look in the Dev tools, it's...
Read more >Can you have a 100% width slider that is responsive? - Support
I need to create a slider that is 100% width and responsive. I am using Bootstrap if that makes a difference. Can it...
Read more >wants to make width=100% of slide and image - CodeProject
var slideWidth = 1024; or you can change slide & image width to 100% using CSS. CSS.
Read more >Slider revolution shape layer width 100% + height 50%
Hi — Within a slider revolution slide, I need two shape layers to be 100% wide and 50% in height (on top of...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
The second fiddle is still broke for me and shows a part of the second slide but if you set padding to 0 on
.slides
then it works fine.I’m having a bit of trouble with 100% width slides.
It keeps snapping back on release.
I’ve put together a fiddle here: https://jsfiddle.net/eaoobsw3/1/
Edit: After looking a little more, it looks like setting .slides to block, instead of 100% inline-block kind of fixes it: https://jsfiddle.net/eaoobsw3/2/