[Plugin: Meteor Slides] slides moved up in IE and positionning

It looks like you are having line-height problems, the slideshow needs to be zero, and the text to the left needs to be 20px or so. Inspect the page with Firebug to see what’s going on, I can take a look if you could post a link.

Thank you for the fast reply, I will look into it before posting a link. Thanks for your help!

Let me know if you have any trouble figuring it out.

First problem fixed, thank you! I don’t really understand why defining the line-height allows the line breaks though, but I am no CSS expert.

Anyway, the only problem that remains is the gap under the slide in Internet Explorer…

What should I be targetting precisely when defining the slideshow’s line-height? Everything I tried doesn’t work and there seems to be no conflict with my stylesheet.

I am working with wamp server so I cannot send a link :/ Would sending my stylesheets be useful to you?

Thanks again for your precious help.

The line-height controls how high each line of text and adds leading between the lines if here is surplus space. When it is zero, it has no height and the text stacks on one line. When you are dealing with just images like the slideshow, you want it to be zero so that you don’t get odd gaps from different browsers.

Right now you are still probably getting an odd gap in there. Try checking out the slideshow and the container it is in in Firebug, make sure that there is no line-height above zero, or padding or margins adding that gap.

I think you need to zero out the line-height of the container the slideshow and text are in, and only add a higher line-height to the text section.

Thank you for the explanations. EDIT: I just noticed that there is a 4px gap between the slides and the bottom border in IE (with or without left container).

I’ll try and go back to the original slideshow template and/or add the borders directly to the meteor stylesheet if possible.

I have tested the original slideshow on a blank index page without any of my stylesheets and here is what I see in IE9:

https://i50.tinypic.com/n4grw1.jpg

It seems the gap was there from the beginning. Am I the only one to have this problem?

Sorry for the triple post…

I just wanted to let you know that the bottom gap is visible on your website too Josh, with Internet Explorer.

It appears during the nav buttons’ active state and even more clearly when I add borders to your slideshow with Firebug.

For the moment, I will fill the gap with the same color as the bottom border so as to hide it.

I’ll take a look and see if something needs to be tweaked.

I thought the gap was gone but it still appears on IE.

If you can post a link I can take a look.

Unfortunately I cannot post a link. I am working exclusively on a local server for the moment.

All I can tell you is that a gap appears under the meteor slideshow in IE. Try and add borders to your homepage’s slideshow in IE9 and you should see the gap too (I see it here !).

Anyway it is minor issue and I should be able to simulate the borders effect around the slideshow…

Thanks again for your help, I should be able to manage from here ??