Сдвинуть вложенный див в правый нижний угол

@dustcore · Регистрация: 24.11.2012

Author24 — интернет-сервис помощи студентам

Так возникла другая проблема.
Нужно сделать портфолио

Кликните здесь для просмотра всего текста

Сдвинуть вложенный див в правый нижний угол

Делаю так создаю div, вставляю в него фоновое изображение (background)

Кликните здесь для просмотра всего текста

Название: 1.jpg
Просмотров: 576

Размер: 34.8 Кб

Внутри этого же div-а создаю еще один div c id "view".
Вообщем проблема в том, что не могу сдвинуть его в правый нижний угол.

Кликните здесь для просмотра всего текста

Название: none.JPG
Просмотров: 577

Размер: 10.9 Кб

HTML code

Кликните здесь для просмотра всего текста

HTML5

<div id ="porfolio">
  <h4>→ OUR PORTFOLIO</h4>
    <div id="portfol1">
        <div class="view">
            <a href="#">VIEW →</a>
        <div>
    </div>
</div>

CSS code

Кликните здесь для просмотра всего текста

CSS

#portfol1 {
width:215px;
height:135px;
background: url("https://www.cyberforum.ru/images/1.jpg") no-repeat top center #f4f4f4;
}
 
.view {
width:62px;
height:20px;
background-color:#fe9b00;
margin-left:auto; 
margin-bottom:auto; 
text-align:center;
}

@StopSmell · 26.11.2012, 00:48

CSS

#portfol1,
#portfol2,
#portfol3,
#portfol4 {
   position: relative;
}
.view {
   position: absolute;
   bottom: 0;
   right: 0;
}

	26.11.2012, 00:48

Опции темы