"Bugs" ao hospedar site

[joseRenato]

Hospedei meu site em um servidor gratuito, só para testar mesmo, e me deparo com isto :

Além de alguns script não funcionarem(ajax), no IE, o site fica todo "desorganizado", sendo que no servidor apache ele funciona normal(do jeito que eu quero...).

O site vai ficar assim, quando eu for hospedar em outro servidor ? ou isso varia de servidor para servidor ?

[DiF]

Então,

esses bugs são devidos aos métodos distintos de renderização dos navegadores.

O IE é chato mesmo. Para contornar isso, é necessário usar o comentário condicional e aplicar um CSS apenas para o IE nas partes que ele desconfigura.

Dica: No css para o comentário condiconal, não adicione os atributos do css normal, adicione somente os atibutos que estão sendo mal renderizados pelo IE.

Outra coisa, sobre seu menu em CSS3, no IE não tá funcionando corretamente pois mesmo na versão 9( é a unica que tenho para testar) o efeito blur só vai funcionar se colocar o atributo filter: progid:DXImageTransform.Microsoft.Blur(parameters); Para saber mais sobre o efeito no IE leia este artigo: http://www.frontendwebhelp.com/html-css-tips-tricks/internet-explorer-blur-filter.php

Outro jeito de arrumar isso seria fazendo um efeito no jquery.. mas se puder fazer só com o CSS é melhor.

[joseRenato]

Estranho, pois os comentários adicionais não estão funcionando no servidor, eu testei no servidor local e funcionou...

	<!--[if gte IE 8]>
<style type="text/css">
.menu {
position:relative;
left:-50px;
}
</style>
<![endif]-->

Outra coisa, são os scripts, você tem alguma resposta para isso ?

[DiF]

tenta usar o comentário condicional com um css externo desta maneira:

ie.css

.menu {
    position:relative;
    left:-50px;
}

<!--[if gte IE 8]>
   <link rel="stylesheet" href="ie.css" type="text/css" media="all" />
<![endif]-->

Veja se assim funciona

[joseRenato]

Cara, desta maneira funcionou

só falta os scripts agora...

[DiF]

Quais scripts? se possível poste eles ou um print deles..

[joseRenato]

os scrips de ajax...

no servidor local, ele funciona normal...

assim :

- Quando clica em about ou em contact, "desse" a pagina correspondente.

http://i46.tinypic.com/28as32g.jpg

já neste, quando você clica em about ou em contact, ele apenas mostra a imagem de load!

http://i46.tinypic.com/1g0pk4.jpg

segue o código de uns dos ajax(são iguais, só muda o arquivo de chamada)

$(function() {
var resposta = $("#divAbout");//coloca a div da resposta numa variavel
var ocultar = $("#divContact");
resposta.hide();// esconde a div da resposta

var img = $("#loading");

$(".about").click(function(e){
e.preventDefault(); //mesmo que return false;
$.ajax({
type: "POST",
url: "about.html",
dataType: "html",
beforeSend: function(){
img.show();
},
success: function(resultado){
//aqui usamos a função slideToggle() combinada com a função html()
resposta.slideToggle("slow").html(resultado);
ocultar.hide().html(resultado);
},
complete: function(){
img.hide();
}
});
});
});