Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.

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/>

Artigos relacionados

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.