Не получается отцентрировать Div по вертикали

[Night Man]

Не получается отцентрировать Div с изображением/галереей
на страницах

http://berkutmail.narod.ru/index.html
http://berkutmail.narod.ru/gallery01.html

пробовал так как рекомендуют здесь: http://ruseller.com/lessons/les554/example/demo.html

/*
.className{
	width:270px;
	height:150px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-75px 0 0 -135px;
}
*/

но центрирование по вертикали так у меня и не вышло,
( куда то все уезжает, но явно не туда куда надо)
если в марджине ставлю
margin:-267px 0 0 -370px - центрирование по горизонтали выполняется (относительно окна браузера...)
но так как мне надо еще сместить в право , что бы участь меню...
пишу
margin:-267px 0 0 -120px;
и все куда то вообще уехало...
вот так:



Подскажите, есть ли еще какие способы или,что я здесь делал не так?

P.S. Еще беспокоит какаято подозрительная надпись в левой стороне экрана....

[an error occurred while processing the directive]

пока сайт не выложен на хост ее нет....
что она значит и как ее убрать?

 

[tigra60]

Попробуйте такое

 

[Night Man]

tigra60, в этом примере , если я правильно понял, идет центрирование в зависимости от высоты (фиксированный) родительского блока...

а вот если размер окна меняется (скажем при просмотре на мониторах с разным разрешением) как тогда быть???

 

[ALEXu]

попробуйте так

.className{
        width:270px;
        height:150px;
        display:inline;
        vertiсal-align:middle;
}

 

[Night Man]

тогда так получается:


Может здесь не получается выровнять из за того что блоку "content" не задана высота...
хотел растянуть на весь экран

min-height: 100%;

не помогло..
сейчас задал размер в пикселях (чтоб попробовать...) обвел его белой линией, чтоб было видно границы...

#content {
	padding: 0 0 0 250px;
	border: 4px solid white;
	/*min-height: 100%;*/
	min-height:750px;
}

и

#foto {
	width:740px;
	height:534px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-267px 0 0 -245px;	
}

вот что вышло:
http://berkutmail.narod.ru/index.html

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

почему min-height: 100% не срабатывает???

 

[tigra60]

tigra60, в этом примере , если я правильно понял, идет центрирование в зависимости от высоты (фиксированный) родительского блока...

а вот если размер окна меняется (скажем при просмотре на мониторах с разным разрешением) как тогда быть???

А вы хоть пытались сделать так, как в том примере.
У меня это работает без указания конкретной высоты центрируемого блока.

 

[Night Man]

пытался... высоту ставил....
попробую не указывать...

 

[Night Man]

Tigra60, извиняюсь за невнимательность....
высоту ставил видимо я не в ваш пример,
а ваш пример я тоже пробовал....
по нему переходил на страницу
http://cssing.org.ua/2007/04/26/another-css-valign-method/
и делал как написано
/Для нормальных браузеров/

для IE не делал...

#out{
height:500px;
display:table-cell;
vertical-align:middle;
 }

не помогает... вот результат: http://iso25.narod.ru/