HTML and CSS Reference
In-Depth Information
More Information
</a>
</div>
7.
Save index.html.
The other problem, as shown in Figure 9-21, is that elements within a table can only sit aside each other, meaning
the button isn't visually over the top of the showcase images.
Figure 9-21
The showcase button vertically centered.
Using fake table cells offers the most robust vertical alignment. When you are increasing text size in browsers such
as Mozilla Firefox, the element stays vertically centered, but it means using more HTML and, in the showcase ex-
ample, prevents elements from appearing on top of each other. Furthermore,
display: table-cell;
doesn't
work in Internet Explorer versions 6 and 7.
The Stretched Element Technique
Stretching an element positions the element absolutely in relation to its containing parent and allows for both vertical
and horizontal alignment.
