June 3rd, 2012

кофейная тема

(no subject)

До чего HTML+CSS убог. На мой взгляд. Вот почему вместо чего-нить типа:

<div align="center">...</div>
или
<div style="align:center;">...</div>

приходится писать вот такое

CSS:
.center_out{
position: relative;
width: 100%;
}
.center_out:after{
content: '';
display: block;
clear: both;
}
.center_middle{
position: relative;
right: 50%;
float: right;
}
.center_in{
position: relative;
z-index: 1;
right: -50%;
}
HTML:
<!-- это блоки, передвигающие блок на середину страницы -->
<div class="center_out">
<div class="center_middle">
<div class="center_in">
<div class="silverblock" style="margin-top:25%;"><!-- это наш средний блок -->
...
</div>
</div>
</div>
</div>


Решение нашел, кстати, тут

P.S. Поспешу сразу уточнить align=center не работает с блочными элементами. Т.е. для какого-нить <p> он и срабоает. А для блока с формой уже нет.