Похоже, что {позиция: относительная; bottom: 0px} будет перетаскивать контент, чтобы он прилипал к нижней части div, однако для того, чтобы мой контейнер с миниатюрами оставался в нижнем колонтитуле, мне нужно сделать позиционирование div для контента абсолютным. Как мне добиться того и другого?
Вот как это выглядит сейчас: http://www.marisaraskin.com/two.html
Я хочу, чтобы контейнер с изображением галереи и полоса цвета за ним падали на дно, чтобы он лежал прямо над нижним колонтитулом.
Моя текущая css для содержимого div:
#containergallery {
width: 940px;
margin: 0 auto;
font-size: 1.4em;
overflow: auto;
padding: 40px 5px 40px;
position: ;
border:0px solid black;
}
Часть галереи css:
.galleria-container {
position:;
overflow: hidden;
background-color:transparent;
width: 930px;
height: 500px;
border:0px solid green;
}
.galleria-container img {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.galleria-stage {
position: absolute;
width:930px;
height: 500px;
overflow:hidden;
border:0px solid blue;
}
.galleria-thumbnails-container {
height: 100px;
bottom: 17px;
width:930px;
position: absolute;
z-index: 1;
border:0px solid yellow;
}