> Ian Young wrote:
> 
> >>
> <http://www.iyesolutions.co.uk/templates/portfolios/template3/vertical-
> align.html>
> 
> > This almost works. Vertical align works ok, but the wrapper div that
> >  is in effect being vertically aligned stretches to full width of
> > window even tho' it has width defined.
> 
> Yes, the CSS property/value 'display: table-cell' has that effect -
> full
> width/height of the table-body (body with 'display: table'). #wrapper
> has no width or height declared in my example, since it wouldn't have
> any effect anyway.
> 
> > What have I missed?
> 
> Probably that it is _the first child_ of #wrapper that gets
> horizontally and vertically centered. That's #centered in my code
> example - #maincontent in your page.

I tried that and it went all to hell in a handbag.
Will look again.

Cheers

Ian

______________________________________________________________________
css-discuss [cs...@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/

Reply via email to