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?

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

Comments

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.

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.

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.

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.

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?

Issue summary:View changes

The problem vanishes as soon as the page loads completely.