[Resolvido] Imagem no centro

[Denis Lins 0]

Falaê galera.

 

Minha dúvida é a seguinte.

 

Como eu coloco uma imagem no centro da tela usando position relative?

 

Eu uso jquery, e ja consegui pegar o width e o height da pagina com $(document).width() e height();

 

Mas nao consigo de raça nenhuma fazer ela ficar no centro ...

 

Eu consegui com que uma imagem de 600x600 ficasse no centro, mas uma de 150x150 nao fica ... Ajuda ae?

 

O código que eu usei:

 

	$('<div id="mascara"></div>').css({
		opacity : 0.8,
		width : $(document).width(),
		height : $(document).height()
	}).appendTo('body').hide();
	
	$('.showImage').live('click', function() {
		var path = $(this).attr('alt');
		$('#mascara').fadeIn(1000);
		$('<img class="foto-ampliada" />').attr('src', $(this).attr('alt')).css({
			left: ($(document).width()/2 - 250),
			top: 150
		}).appendTo('body').click(function() {
			$(this).fadeOut(1000);
			$('#mascara').fadeOut(1500);
		});
		return false;
	});

CSS:

 

#mascara {
	position: absolute;
	background: #000;
	z-index: 1;
	top: 0;
}

.foto-ampliada {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	border: 5px solid #999;
}

[Denis Lins 0]

Ai galerinha, consegui aqui ja ...

 

usei um position fixed, e achei as coordenadas certinhas do top e left ...

 

Falous!

 

;)