• Resolved grewe

    (@grewe)


    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="&quot;ms-tab-context&quot;"></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="&quot;ms-tab-context&quot;"></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="&quot;ms-tab-context&quot;"></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="&quot;ms-tab-context&quot;"></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 grewe.
    • This topic was modified 8 years, 11 months ago by grewe.
    • This topic was modified 8 years, 11 months ago by grewe.
    • This topic was modified 8 years, 11 months ago by grewe.
    • This topic was modified 8 years, 11 months ago by grewe.
    • This topic was modified 8 years, 11 months ago by Steven Stern (sterndata).
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Strange margin-top when using two sliders’ is closed to new replies.