CODEWITHSUNDEEP
htmlcss
gigi ion
gigi ion

Reputation: 17

How can I make my div to remain fixed and no longer change position?

At this site there is a slider content. If you change tabs to see that a gray background moves below.

I want to remain fixed.

This is very discreet and you have to look carefully to see.

I put a picture to understand better.

http://i60.tinypic.com/2ef8buq.jpg

This is code CSS:

.page-id-1637 #top_footer{width:100%;height:531px;background:#EEEEEE;}

This is site:

http://dl.dg-site.com/functionmentes/

How can i solve this problem?

can you help me please?

Thanks in advance!

Upvotes: 1

Views: 43

Answers (2)

m0meni
m0meni

Reputation: 16435

If you look at the element with the class .dnd-tabs-wrapper your javascript for the slider defines style="height: auto"; causing it to bounce when the height readjusts.

By default the height of the element is 192px you can solve it by just adding

height: 192px !important to the rule for .dnd-tabs-wrapper.

Upvotes: 1

ingridly
ingridly

Reputation: 159

The issue is that when you change tabs, the height of the div called dnd-tabs-wrapper is being changed through javascript. Since this div is above the .page-id-1637 #top_footer div, it appears to bounce while the height is changing.

You'll need to stop the height from being changed in your javascript. You won't be able to override this with just CSS (unless you use !important).

Upvotes: 0

Related Questions