Skip to main content
adicionou 52 caracteres ao conteúdo
Fonte Link
SK15
  • 870
  • 6
  • 12

Bem a principio acessei seu link e não vi nada de errado (estava usando o Chrome) dai fui e testei pelo IE 11 e vi o que estava dizendo que o texto dentro da DIV na áreas de projetos tendem a ficar no topo vezes sim, vezes não.

A principio pensei em te dizer que o ideal era colocar essa função que você criou dentro do evento de "onMouse" ou seja assim que o usuário colocar o mouse em cima fazer o ajuste de posição, pois as vezes o navegador só consegue ter a dimensão real dos elementos após carregar os elementos assim como o usuário só iria por o mouse assim que carregado, porém olhando rápido você esta usando um biblioteca chamada "overlay" que esta bem comprimida e achei que ia ser um parto abrir ela.

Ai em seguida pensei que o tempo de carregamento estava interferindo na hora de ele posicionar os elementos, e fazendo o debug vi que sua função nem estava sendo chamada nem antes nem depois do carregamento (pelo menos no IE), ai olhando com calma percebi que esta usando a função do JQuery .load, porém ao meu ver essa função não entra nesse seu contexto, a função 'load' serve para carregar um HTML (ou outra coisa) do servidor e colocar no elemento indicado, seria tipo uma requisição Ajax inlinha, porém no seu caso os elementos da sua página ja estão carregados não tem o que, nem de onde puxar, epois ela funciona apenas com URLs, sendo assim eraela estava dando erro e não chegava a ler o resto da função.

Ou seja eu apenas tirei esse pequeno pedaço e a coisa funcionou IE 11, FF 44+ e Chrome 48+, pelo menos nos meus testes rápidos agora no corujão (haha), então tente substituir a sua função atual pela versão limpa e tente novamente:

$('.overlay img').each(function() {
 var image;
 image = $(this).parent().find('.centralize');
 image.css('marginTop', (image.parent().height() - image.height()) / 2);
});

Bem a principio acessei seu link e não vi nada de errado (estava usando o Chrome) dai fui e testei pelo IE 11 e vi o que estava dizendo que o texto dentro da DIV na áreas de projetos tendem a ficar no topo vezes sim, vezes não.

A principio pensei em te dizer que o ideal era colocar essa função que você criou dentro do evento de "onMouse" ou seja assim que o usuário colocar o mouse em cima fazer o ajuste de posição, pois as vezes o navegador só consegue ter a dimensão real dos elementos após carregar os elementos assim como o usuário só iria por o mouse assim que carregado, porém olhando rápido você esta usando um biblioteca chamada "overlay" que esta bem comprimida e achei que ia ser um parto abrir ela.

Ai em seguida pensei que o tempo de carregamento estava interferindo na hora de ele posicionar os elementos, e fazendo o debug vi que sua função nem estava sendo chamada nem antes nem depois do carregamento (pelo menos no IE), ai olhando com calma percebi que esta usando a função do JQuery .load, porém ao meu ver essa função não entra nesse seu contexto, a função 'load' serve para carregar um HTML do servidor e colocar no elemento indicado, seria tipo uma requisição Ajax inlinha, porém no seu caso os elementos da sua página ja estão carregados não tem o que, nem de onde puxar, e sendo assim era estava dando erro e não chegava a ler o resto da função.

Ou seja eu apenas tirei esse pequeno pedaço e a coisa funcionou IE 11, FF 44+ e Chrome 48+, pelo menos nos meus testes rápidos agora no corujão (haha), então tente substituir a sua função atual pela versão limpa e tente novamente:

$('.overlay img').each(function() {
 var image;
 image = $(this).parent().find('.centralize');
 image.css('marginTop', (image.parent().height() - image.height()) / 2);
});

Bem a principio acessei seu link e não vi nada de errado (estava usando o Chrome) dai fui e testei pelo IE 11 e vi o que estava dizendo que o texto dentro da DIV na áreas de projetos tendem a ficar no topo vezes sim, vezes não.

A principio pensei em te dizer que o ideal era colocar essa função que você criou dentro do evento de "onMouse" ou seja assim que o usuário colocar o mouse em cima fazer o ajuste de posição, pois as vezes o navegador só consegue ter a dimensão real dos elementos após carregar os elementos assim como o usuário só iria por o mouse assim que carregado, porém olhando rápido você esta usando um biblioteca chamada "overlay" que esta bem comprimida e achei que ia ser um parto abrir ela.

Ai em seguida pensei que o tempo de carregamento estava interferindo na hora de ele posicionar os elementos, e fazendo o debug vi que sua função nem estava sendo chamada nem antes nem depois do carregamento (pelo menos no IE), ai olhando com calma percebi que esta usando a função do JQuery .load, porém ao meu ver essa função não entra nesse seu contexto, a função 'load' serve para carregar um HTML (ou outra coisa) do servidor e colocar no elemento indicado, seria tipo uma requisição Ajax inlinha, porém no seu caso os elementos da sua página ja estão carregados não tem o que, nem de onde puxar, pois ela funciona apenas com URLs, sendo assim ela estava dando erro e não chegava a ler o resto da função.

Ou seja eu apenas tirei esse pequeno pedaço e a coisa funcionou IE 11, FF 44+ e Chrome 48+, pelo menos nos meus testes rápidos agora no corujão (haha), então tente substituir a sua função atual pela versão limpa e tente novamente:

$('.overlay img').each(function() {
 var image;
 image = $(this).parent().find('.centralize');
 image.css('marginTop', (image.parent().height() - image.height()) / 2);
});
Fonte Link
SK15
  • 870
  • 6
  • 12

Bem a principio acessei seu link e não vi nada de errado (estava usando o Chrome) dai fui e testei pelo IE 11 e vi o que estava dizendo que o texto dentro da DIV na áreas de projetos tendem a ficar no topo vezes sim, vezes não.

A principio pensei em te dizer que o ideal era colocar essa função que você criou dentro do evento de "onMouse" ou seja assim que o usuário colocar o mouse em cima fazer o ajuste de posição, pois as vezes o navegador só consegue ter a dimensão real dos elementos após carregar os elementos assim como o usuário só iria por o mouse assim que carregado, porém olhando rápido você esta usando um biblioteca chamada "overlay" que esta bem comprimida e achei que ia ser um parto abrir ela.

Ai em seguida pensei que o tempo de carregamento estava interferindo na hora de ele posicionar os elementos, e fazendo o debug vi que sua função nem estava sendo chamada nem antes nem depois do carregamento (pelo menos no IE), ai olhando com calma percebi que esta usando a função do JQuery .load, porém ao meu ver essa função não entra nesse seu contexto, a função 'load' serve para carregar um HTML do servidor e colocar no elemento indicado, seria tipo uma requisição Ajax inlinha, porém no seu caso os elementos da sua página ja estão carregados não tem o que, nem de onde puxar, e sendo assim era estava dando erro e não chegava a ler o resto da função.

Ou seja eu apenas tirei esse pequeno pedaço e a coisa funcionou IE 11, FF 44+ e Chrome 48+, pelo menos nos meus testes rápidos agora no corujão (haha), então tente substituir a sua função atual pela versão limpa e tente novamente:

$('.overlay img').each(function() {
 var image;
 image = $(this).parent().find('.centralize');
 image.css('marginTop', (image.parent().height() - image.height()) / 2);
});