Compare Revisions

vertical-align

Change Revisions

Revision 24595:

Revision 24595 by Nickolay on

Revision 24596:

Revision 24596 by Itnix on

Title:
vertical-align
vertical-align
Slug:
CSS/vertical-align
CSS/vertical-align
Tags:
css, NeedsHelp, "MDC Project", "CSS Reference"
css, NeedsHelp, "MDC Project", "CSS Reference"
Content:

Revision 24595
Revision 24596
t44</pre>t44</pre>The main problem here is that there is no such a thing like
 > 'vertical center alignment' in case of some exceptions in .. Her
 >e is some example for vertical centering in case we know the vert
 >ical size of that we want center by vertical axis&nbsp;:
45    <h3 name="Example.2A_for_exact_size_center_.28alwais_working.
 >29">
46      Example* for exact size center (alwais working)
47    </h3>
48    <pre>
49&lt;style&gt;
50body {
51        background-image: url('bg.gif');
52        margin-top: 0px;
53        margin-left: 0px;
54        margin-right: 0px;
55        margin-bottom: 0px;
56}
57#horizon {
58        DISPLAY: block;
59        LEFT: 0px;
60        VISIBILITY: visible;
61        OVERFLOW: visible;
62        WIDTH: 100%;
63        POSITION: absolute;
64        TOP: 50%;
65        HEIGHT: 1px;
66        TEXT-ALIGN: center;
67}
68#content {
69        LEFT: 50%;
70        VISIBILITY: visible;
71        MARGIN-LEFT: -363px;
72        WIDTH: px;
73        POSITION: absolute;
74        TOP: -240px;
75        HEIGHT: 362px;
76}
77&lt;/style&gt;
78.
79.
80 
81&lt;div id="horizon"&gt;
82 &lt;div id="content"&gt;
83  My object goes here..
84 &lt;/div&gt;
85&lt;/div&gt;
86.
87.
88 
89</pre>'* - This example works only if we know the height of the o
 >bject we want to center!'

Back to History