Мне показывали для данных случаев следующее решение: по центру ставится блок, размером с минимальное используемое разрешение экрана, а сзади на фон страницы какая-то картинка или в простом случае просто цветовой фон. При смене разрешений полоса фона с 2 сторон становится больше или меньше, или, соответственно исчезает вообще. Но. Куда-то мы спешили, код я в тот раз не посмотрела точно. Но код точно не использовал НИКАКИХ элементов программных, только css.
У меня данная фишка получается только в следующем варианте (я для быстроты вместо минмального разрешения поставила размеры дива 200х200):
<style>
body {background-color:#c0c0c0;}
div {width:200px;
height:200px;
background-color:#ff0000;
}
</style>
------------------------------------------------------------
<body>
<center><div>kjhgjlkj</div></center>
</body>
НО! Учитывая то, что тег <center> считается невалидным, это крайне неправильный вариант.
Есть валидный вариант в котором див позиционируется.
div {width:200px;
height:200px;
position:absolute;
left:50%;
background-color:#ff0000;
}
НО в данном случае див ставится по центру не своим центром, а точкой начала координат, т.е. верхним левым углом. И в итоге он стоит НЕ по центру.
Кто знает решение- покажите )
