DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?

[Горыныч]

Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать?

Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру.

Спасибо!

[psywalker]

сделай на позишн-фиксед

[Горыныч]

Нужно что-то вроде position:abolute; align:center;, но как сделать align:center не через JavaScript я не знаю.

Position:fixed зафиксирует по вертикали - мне это не нужно.

[mishka]

Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру.

Так как ширина окна считается без скролла, то наверное без джс несделать.

Также джс должен отрабатывать после загрузки странички, так что задержка тоже неизбежна.

Можна попробовать сделать так:

html{overflow-y:scroll;}

тогда вертикальный скролл будет всегда. С одной стороны это некрасиво и невалидно. Но с другой - небудет прыжка.

Выбирайте что вас больше устроит.

[MehOlOLBuC]

завернуть в див оставив справа 10 пк

Edited February 2, 2010 by MehOlOLBuC

[Горыныч]

завернуть в див оставив справа 10 пк

а поподробнее?

mishka2, спасибо, скорее всего просто добавлю неактивный скролл, как-то не подумал об этом. Может, его и полностью в белый цвет можно перекрашивать по условию? )

[MehOlOLBuC]

скролл появится тогда, когда контент не помещается в block и текст не будет смещаться при появлении скролла.

.block{overflow:auto; width:500px; height:500px;}
.wrap{width:480px;}

<div class="block">
		<div class="wrap">
		</div>
</div>