Comments on: Alinhamento Vertical de Divs com JavaScript e JQuery

By: kakaroto

kakaroto — Fri, 30 Sep 2011 03:35:42 +0000

eu fiz assim e deu certo para mim

* {
margin:0px;
padding:0px;
}

#imagem {
width:450px;
height:340px;
border:1px solid green;

}
img {
}
html,body {
width:800px;
height:600px;
margin:0px auto;
}
p {
text-align:center;
}

$(document).ready(function() {
var area=340;
var dimensao=parseInt($(‘img’).height());
console.log(dimensao);
if(area > dimensao) {
var novarea=area – dimensao;
var margin=novarea/2;
var novocss = {
‘margin-top’:margin+’px’
}
$(‘img’).css(novocss);
}
});

By: Giba-san

Giba-san — Wed, 23 Dec 2009 12:22:17 +0000

Já estava quase perdendo a cabeça até ver seu artigo. Muito bom e salvou-me de uma bela enrrascada. Parabéns pelo artigo.

By: valdênia de andrade

valdênia de andrade — Tue, 11 Nov 2008 15:58:19 +0000

Estou implementando um site e tenho que centralizar o mesmo na horizontal e vertical. Horizontalmente ele já esta, só falta verticalmente. A bronca é que não dá para dar uma altura para div all. Tem alguma outra forma de centralizar?

By: Alexandre Magno

Alexandre Magno — Tue, 01 Jul 2008 14:28:23 +0000

Muito boa a iniciativa. Eu criei um plugin para alinhar os elementos verticalmente e horizontalmente. Para quem quiser aí tá o link no site do jQuery:
http://plugins.jquery.com/project/elementcenter

E a documentação em português:
http://www.alexandremagno.net/blog/2008/03/23/jquery-center-plugin/#comments

Espero que ajude…. parabéns pelo artigo.

By: Joaz Soares

Joaz Soares — Mon, 10 Mar 2008 11:26:57 +0000

Perfeito! Acho que eu nunca iria desconfiar disso!

muito obrigado =)

By: CInaglia

CInaglia — Sun, 09 Mar 2008 06:15:55 +0000

Joaz, eu tive esse problema no FIREFOX também,
Depois descobri que a imagem não pode ter espaço entre o . Por ex,

é necessario estar assim:

Caso contrário teremos um problema no Firefox,
Grande abraço.

By: Joaz Soares

Joaz Soares — Mon, 03 Mar 2008 18:30:15 +0000

Funcionou perfeitamente no IE 7 e 6 soh naum deu certo no FIREFOX… alguma sugestao??

By: Tulio Faria

Tulio Faria — Sun, 03 Feb 2008 23:07:18 +0000

João,

é claro que se fosse para usar somente para o alinhamento poderia ser muito código (eu não acho muito não).

Imagine em um script maior que você usasse:

document.getElementById

muitas vezes, você estaria escrevendo muito código a toa. Não concorda?

Sem contar na perda de produtividade, re-uso de código e por aí vai….

Bom essa é minha opinião….

Abraços,

By: João Gabriel Maluf

João Gabriel Maluf — Sun, 03 Feb 2008 22:01:51 +0000

By: João Gabriel Maluf

João Gabriel Maluf — Sun, 03 Feb 2008 22:00:35 +0000

O HTML