After much experimenting I finally figured out it takes at least three
DIVs:
<body>
<div style="display:table; height:98%; width:99%; position:fixed">
<div style="display:table-cell; vertical-align:middle; border:1px
solid red">
<div style="background-color:#FFF; float:right; border:1px solid
blue">
Content is vertically centered
</div>
</div>
</div>
<h1>Lorem ipsum dolor</h1>
... content
Anyone see an easier way?
Page online here:
http://etc.Gnarlodious.com/Support_Files/CenterVerticalFixed.html
-- Gnarlie
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
