displacement of a single HTML element at the opening of another

Question

Look at my problem: enter image description here

How to make so that when you open popup window your footer shifted down?

some css here:

#advanced_search_div_body {
height: 100%;
width: 817;
margin: 0 auto;
padding: 0;
display: table;
background-color: white;
}

#foot {
padding: 30px 0px;
background-color: black;
clear: both;
position: relative;
bottom: 0;
width: 100%;
overflow: hidden;
z-index: 2;

}

Your width is missing a unit (`817` should probably be `817px`) — cimmanon, Aug 28 '13 at 14:08

score 0 · Answer 1 · answered Aug 28 '13 at 13:56

0

Probably you need to tell footer to be down of the page.

So, basically change #foot position: relative to absolute. Try this:

position:absolute;
width:100%;
bottom:0px;

Or something like:

position:fixed;
bottom:0;
width:100%;

answered Aug 28 '13 at 13:56

vitdes

124
1
12

1

maybe this will help http://stackoverflow.com/questions/1488565/how-to-stick-a-footer-to-bottom-in-css – vitdes Aug 28 '13 at 15:10

user2715127 · Answer 2 · 2013-08-28T14:56:19.250

0

the trick is a pusher div:

body,html{
    height:100%;
    display:block;
}
#pusher{
    display:block;
    min-height:100%;
}

demo: http://jsfiddle.net/nLKLh/1/

edited Aug 28 '13 at 14:56

answered Aug 28 '13 at 14:22

user2715127

1
2

cant understand, where to add pusher div – George Pirkulov Aug 28 '13 at 14:49
just put put it over all your other stuff in the body except the footer. – user2715127 Aug 28 '13 at 14:59

displacement of a single HTML element at the opening of another

2 Answers2