Andry_JS, покажи результат. Вообще, ты чета загоняешь. Видимо ты хреновенько знаешь css и не понимаешь как это сделать без js.
Высоту можно унаследовать в 100%, центрирование делается иным способом. Так:
<!DOCTYPE html>
<style>
html, body{height: 100%;margin: 0;padding: 0}
#wrapper{
width: 100px;
height: 50px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: red;
}
</style>
<body>
<div id="wrapper">Hello World</div>
</body>
Или так:
<!DOCTYPE html>
<style>
html, body{height: 100%;margin: 0;padding: 0}
html{display: table}
body{display: table-cell;vertical-align:middle;}
#wrapper{
width: 100px;
height: 50px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: red;
}
</style>
<body>
<div id="wrapper">Hello World</div>
</body>