Comentários condicionais no Blogger
Construindo um template tive que implementar comentários condicionais para fazer certas regras de CSS valerem apenas no Internet Explorer 6, como o blogger possui uma sintaxe própria para interpretar alguns elementos da página, como comentários, deixo abaixo um exemplo de código que eu estava usando e que não funcionava:
<!--[if IE]>Agora repare no início e final as partes modificadas para que o comentário condicional possa ser interpretado corretamente:
<style type="text/css">
.post{
border-left:#F9D0D5 solid 2px;
border-right:#F9D0D5 solid 2px;
background-color:#FFFFFF;
margin-top:15px;
padding-bottom:0;
/*problema de borda que não aparece no ie*/
position:relative;
}
.footer_posts{
width:595px;
}
#sidebar_footer{
background-position:bottom right;
}
</style>
<![endif]—>
<!--[if IE 6]>Coloco esse código imediamente acima da tag <head/>
<style type="text/css">
.post{
border-left:#F9D0D5 solid 2px;
border-right:#F9D0D5 solid 2px;
background-color:#FFFFFF;
margin-top:15px;
padding-bottom:0;
/*problema de borda que não aparece no ie*/
position:relative;
}
.footer_posts{
width:595px;
}
#sidebar_footer{
background-position:bottom right;
}
</style>
<![endif]—>
Comentários
Postar um comentário