?

Log in

No account? Create an account
Блог некоего demius'а
Джаз, заведенный в пять утра, На старой газовой плите…
demiuses
demiuses
До чего 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> он и срабоает. А для блока с формой уже нет.

Метки: , ,

3 комментария or Оставить комментарий
Comments
povitter From: povitter Date: Июнь, 5, 2012 20:04 (UTC) (Ссылка)
<div style="text-align:center">...</div>
povitter From: povitter Date: Июнь, 5, 2012 20:07 (UTC) (Ссылка)
Хотя блок в центре блока лень проверять.
povitter From: povitter Date: Июнь, 5, 2012 20:11 (UTC) (Ссылка)
Да нет, проверил. Блок (даже с формой) вполне выравнивается по центру родительского блока.
3 комментария or Оставить комментарий