Thanks for the help,
I think you're right - it would be a bit too complex to make it work in
IE(mac), so I think I'll just go for a table cell in this case.
> Officelink wrote:
>
>> I was given the following code to vertically centre text
>> within a div and it works great in all browsers except IE(mac).
> [...]
>> * html .inner {top:50%;left:0;}
>> * html .inner p{top:-50%; position:relative;}
>
> As far as I know this doesn't work in IE/Mac. I tried something similar in
> the past, but I couldn't get it to work, IE/Mac does not seem to like those
> percentage values for relative positioning.
> To get vertical centering in that browser I used display:inline-block, see
> [1] where display:table-cell is used for good browsers, and
> display:inline-block (plus some hacks) for IE (both Win and Mac.) The
> result is rather complex, so that a table is probably, at the moment, the
> most practical solution.
> But if what you want to vertical center is something very simple (like a
> single line of text), you can try other methods. In case you haven't yet
> seen it, a good review of vertical centering methods is here [2].
>
> Bruno
>
> [1] http://www.brunildo.org/test/vertmiddle.html
> [2] http://www.student.oulu.fi/~laurirai/www/css/middle/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
