Hi Tatham,
You can't fix it for IE unless you use a simple table:
<table id="layoutgrid">
<tr>
<td >
This in the middle?
</td>
</tr>
</table
and the css is:
<style type="text/css">
/* Thanks to Rimantas Liubertas <[EMAIL PROTECTED]> for suggesting 'td' */
body, html {
margin : 0;
padding : 0;
height : 100%;
}
#layoutgrid{
display : table;
height : 100%;
width : 100%;
}
#layoutgrid td {
vertical-align : middle;
text-align : center;
}
-->
</style>
(I think you tried this before - on an early e-oddie?)
HTH
Bob
Tatham Oddie wrote:
Guys / girls,
I’m having some problems with the vertical positioning on
www.whatcanido.com.au <http://www.whatcanido.com.au/>. Basically the
content area is restricted to a maximum height of 600px, and after
that I want it be vertically centred on the page. I’m aware of
numerous ways to do this (implemented it on www.e-oddie.com
<http://www.e-oddie.com/>) however I can’t actually get any of them to
work reliably.
You’ll need to look at the page on a higher resolution (1280x1024 or
up) to see what I mean. To see what I want to achieve, try adding a
margin-top rule to the html selector.
(IE is completely stuffed in this regard – if anybody has an idea of
how I might be able to start fixing this let me know)
Thanks,
Tatham Oddie
Fuel Advance - Ignite Your Idea
www.fueladvance.com <http://www.fueladvance.com>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
