body{text-align: center;} in IE6 & IE7

Issue #48 open
Dmitry Kopytine
created an issue

Hi.

I want to propose one thing for CSS.

My markup has the following CSS style:

body {text-align: center;}

This is why the superbox markup does not work in IE6 and IE7 (IE 8 is OK).

I fixed this so:

/ IE7 /

(star):first-child+html #superbox-container {position: absolute; top: 50%; left: -50%; display: block; height: auto;}

/ IE6 - Thanks to Thickbox for IE expressions /

(star) html #superbox-container {position: absolute; top: 50%; left: -50%; display: block; height: auto;}

The change is "left: -50%;" in both cases.

This works for me. In general, you may try to define the text-align in javascript (long and a little difficult way). Or you may include commented CSS styles supplemented with the comment that this styles should be uncommented if the basic text-align is 'center':

{{{

!css

/ Uncomment this if you have 'text-align: center' for 'body' in your CSS: body {text-align: center;} / :first-child+html #superbox-container {left: -50%;} html #superbox-container {left: -50%;} }}}