Nivo slider keeps overlapping other elements in my page while loading for the very first time.
You can get the idea by looking at the pictures below.
The problem vanishes as soon as the page loads completely.
Does anyone have an idea how I can fix this?

CommentFileSizeAuthor
withoutproblem.png586.81 KBdragonfighter
problem.png215.45 KBdragonfighter

Comments

Downtown_M’s picture

Downtown_M commented

I'm having this issue too. Though it just needs to load to look the way it's supposed to, it looks sloppy to have the page load with elements overlapping. If a user isn't patient, they might navigate away before it even fixes itself.

dragonfighter’s picture

dragonfighter commented

I've updated views module to 7.x-3.x-dev (4th Nov 11) and the page loads faster now, reducing somehow the visual effects of the problem.

d.cox’s picture

d.cox commented

This is not a bug its a css issue.
You need to make sure the container of the slider has the styling 

.class { display: block; width: yoursliderwidth; height: yoursliderheight; }

This will cause the container to take up the space before the slider loads.

ckng’s picture

ckng
Primary language English
commented
Version: 7.x-2.x-dev » 7.x-3.x-dev
Status: Active » Postponed (maintainer needs more info)

Please try the latest 3.x branch.
The css is incomplete in 2.x branch.

ingojo’s picture

ingojo commented

I have the same behavior on version 7.x-3.x-dev.
In my case the other content of the front page overlaps the slider.

Is there any workaround for this?
Where do I implement the code from post #3 ?
Do I need to modify the theme or can I place the code somewhere using the GUI?

ingojo’s picture

ingojo commented
Issue summary: View changes

The problem vanishes as soon as the page loads completely.