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]>
            <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]—>
Agora repare no início e final as partes modificadas para que o comentário condicional possa ser interpretado corretamente:
&lt;!--[if IE 6]&gt;
            <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>
        &lt;![endif]—&gt;
Coloco esse código imediamente acima da tag <head/>

Comentários

Postagens mais visitadas deste blog

Transformando o Linksys WRT54G2 V1 em bridge, repetidor

Recuperando partições deletadas

Windows 11 não conecta na rede 5G do synology router.