Strange margin-top when using two sliders
-
Hey,
I am using a MasterSlider in the slideInfo of another MasterSlider. It kind of works (there is a slider)but there is a strange margin-top so that you can only see the top part of the slide.Resizing the window the margin is gone and everything looks fone.
Its working on my mobilephone.Here´s the whole Container of the Slider with the margin:
<div id="P_MS5947a208c950f" class="master-slider-parent msl ms-parent-id-6" style="max-width: 100%; position: relative;"> <!-- MasterSlider Main --> <div id="MS5947a208c950f" class="master-slider ms-skin-default ms-wk" style="visibility: visible; opacity: 1; margin: 0px;"><div class="ms-container"><div class="ms-inner-controls-cont" style="max-width: 1000px;"><div class="ms-view ms-basic-view ms-grab-cursor" style="width: 1000px; height: 525.641px;"><div class="ms-slide-container" style="transform: translateX(0px) translateZ(0px);"><div class="ms-slide ms-slide-auto-height ms-sl-selected" data-delay="3" data-fill-mode="fill" style="width: 1000px; height: 525px; left: 0px;"> <div class="ms-thumb"><div class="ms-tab-context"><div class=""ms-tab-context""></div></div> </div> <div class="ms-slide-bgcont" style="opacity: 1; height: 525px;"><img src="http://www.fdp-ms.de/wp-content/uploads/2017/06/WhatsApp-Image-2017-06-14-at-00.59.581.jpeg" alt="" title="" style="height: 525px; width: 998.78px; margin-top: 262.5px; margin-left: 0px;"></div></div><div class="ms-slide ms-slide-auto-height" data-delay="3" data-fill-mode="fill" style="width: 1000px; height: 525px; left: 1000px;"> <div class="ms-thumb"><div class="ms-tab-context"><div class=""ms-tab-context""></div></div> </div> <div class="ms-slide-bgcont" style="opacity: 1; height: 525px;"><img src="http://www.fdp-ms.de/wp-content/uploads/2017/06/WhatsApp-Image-2017-06-14-at-00.59.58.jpeg" alt="" title="" style="height: 525px; width: 998.78px; margin-top: 262.5px; margin-left: 0px;"></div></div><div class="ms-slide ms-slide-auto-height" data-delay="3" data-fill-mode="fill" style="width: 1000px; height: 525px; left: 2000px;"> <div class="ms-thumb"><div class="ms-tab-context"><div class=""ms-tab-context""></div></div> </div> <div class="ms-slide-bgcont" style="opacity: 1; height: 525px;"><img src="http://www.fdp-ms.de/wp-content/uploads/2017/06/WhatsApp-Image-2017-06-14-at-00.59.583.jpeg" alt="" title="" style="height: 525px; width: 998.78px; margin-top: 262.5px; margin-left: 0px;"></div></div><div class="ms-slide ms-slide-auto-height" data-delay="3" data-fill-mode="fill" style="width: 1000px; height: 525px; left: 3000px;"> <div class="ms-thumb"><div class="ms-tab-context"><div class=""ms-tab-context""></div></div> </div> <div class="ms-slide-bgcont" style="opacity: 1; height: 525px;"><img src="http://www.fdp-ms.de/wp-content/uploads/2017/06/WhatsApp-Image-2017-06-14-at-00.59.582.jpeg" alt="" title="" style="height: 525px; width: 998.78px; margin-top: 262.5px; margin-left: 0px;"></div></div></div></div></div></div> </div> <!-- END MasterSlider Main --> </div>Thats the way I included the Slider in the SlideInfo:
<div align="center"><p style="max-width: 1000px; margin: 20px;" align="left"> Some Text</p><div>[masterslider id="6"]</div></div>How can I fix that?
Please ask if you need more information.
Thank you for your help
Grewe- This topic was modified 8 years, 11 months ago by .
- This topic was modified 8 years, 11 months ago by .
- This topic was modified 8 years, 11 months ago by .
- This topic was modified 8 years, 11 months ago by .
- This topic was modified 8 years, 11 months ago by .
- This topic was modified 8 years, 11 months ago by .
The topic ‘Strange margin-top when using two sliders’ is closed to new replies.