On Mon, Dec 26, 2011 at 9:27 PM, Aaron Gray <aaronngray.li...@gmail.com> wrote: > Is there another way with HTML 4.01 strict to vertically and horizontally > centre an <img> within a page other than boxing it by <div>'s and turning > them into 'display: table' and 'display:table-cell', and aligning them to > center, middle ?
Hi Aaron. Use a table-based layout... well not really :D .containing_element { display: table-cell; vertical-align: middle; } vertical-align only works on table cells and other elements that have display:table-cell. Support is pretty good. It should be IE8+ and all other major browsers. I'd also recommend reading about anonymous table objects ( http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes ) that can be created when you use display:table-cell. They can surprise you when you're trying to line things up. references: http://www.quirksmode.org/css/display.html#t06 http://www.w3.org/TR/CSS21/visuren.html#propdef-display http://www.w3.org/TR/CSS21/tables.html#table-display http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes > > Many thanks in advance, > > Aaron -- Ghodmode http://www.ghodmode.com/blog ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/