Здравствуйте. Имеется такого рода footer:
Как видите, правая часть находится чуть ниже левой (правая "бегает" за контентом, левая же как надо стоит на месте).
CSS футера
.footer_right{
position: absolute;
margin-left:100px;
}
.footer_right .copyright{
color:#fff;
font-size:14px;
display:inline-block;
margin-right:10px
margin-top:100%;
}
.footer_right .app{
display:inline-block;
margin-top: 90%;
}
.footer_right .app a{
color:#fff;
font-size:14px;
text-decoration:underline
}
.footer_right .app a:hover{
text-decoration:none
}
.footer_right .app2{
display:inline-block
}
.footer_right .app2 a{
color:#fff;
margin-top: 95%;
font-size:14px;
text-decoration:underline
}
.footer_right .app2 a:hover{
text-decoration:none
}
.footer_left{
position: absolute;
margin-left:295px;
margin-top: 614px;
text-align: right;
}
.footer_left .terms{
display:inline-block
}
.footer_left .terms a{
color:#4e576b;
font-size:14px;
text-decoration:underline
}
.footer_left .terms a:hover{
text-decoration:none
}
.footer_left .privacy{
display:inline-block
}
.footer_left .privacy a{
color:#4e576b;
font-size:14px;
text-decoration:underline
}
.footer_left .privacy a:hover{
text-decoration:none
}
.footer_left .contacts{
display:inline-block
}
.footer_left .contacts a{
color:#4e576b;
font-size:14px;
text-decoration:underline
}
.footer_left .contacts a:hover{
text-decoration:none
}
Подскажите, как сделать их симметричными. Может быть все можно реализовать гораздо проще?
