the door 139 Super Participante Registrado

Jquery corner não funciona no Internet explorer

#1 Por the door 139 15/02/2009 - 18:14

Olá senhores, estou com um problema, estou fazendo o layout de um site e resolvi arredondar as bordas dos itens com o jquery, no firefox funcionou legal, mas no internet explorer 6 dá problema, a caixa principal ele arredonda só a parte de cima e a parte debaixo ele não arredonda.
segue o código:

html:





<html>

      <head>



    

        <?php print $head ?>

        <?php print $styles ?>

        <?php print $scripts ?>

    

    

    

                <!--[if IE 6]>

    <link type="text/css" rel="stylesheet" media="all" href="<?php print base_path(); ?>sites/all/themes/chuchu/ie6.css" />

            <![endif]-->



    </head>

    <body>



<div id="header">



          </div>



          <div id="boxprincipal">



          <div id="menulateral">

                  <tr>

          

                <?php if ($left): ?>

                        <div id="sidebar-left" class="sidebar">

                             <?php if ($search_box): ?><div class="block block-theme"><?php print $search_box ?></div><?php endif; ?>

                             <?php print $left ?>

                     </div>

              <?php endif; ?>

         

                </tr>

          </div>

     

     <div id="conteudo">

     

                      <?php print $breadcrumb; ?>

                  <?php if ($mission): print '<div id="mission">'. $mission .'</div>'; endif; ?>

                  <?php if ($tabs): print '<div id="tabs-wrapper" class="clear-block">'; endif; ?>

                  <?php if ($title): print '<h2'. ($tabs ? ' class="with-tabs"' : '') .'>'. $title .'</h2>'; endif; ?>

                  <?php if ($tabs): print '<ul class="tabs primary">'. $tabs .'</ul></div>'; endif; ?>

                  <?php if ($tabs2): print '<ul class="tabs secondary">'. $tabs2 .'</ul>'; endif; ?>

                  <?php if ($show_messages && $messages): print $messages; endif; ?>

                  <?php print $help; ?>

                  <div class="clear-block">

                    <?php print $content ?>

                  </div>

                  <?php print $feed_icons ?>

     

     </div>



</div>



</body>    

</html>

style.css:





body

{



background-color:#32CD32;





}



h2

{



color:#32CD32;



}



#header

{



width:970px;

background-image:url(header.png);

background-repeat: no-repeat;

background-position:center; 

height:150px;

margin-left:9.5px;

}



#boxprincipal

{

margin-left: 9.5px;

margin-right: auto;

width:970px;

background-color:#7CFC00;

float:left;

margin-bottom:10px;





}



#menulateral

{

float:left;

width:200px;

min-height:250px;

background-color:#98FB98;

margin:20px 0 0 20px ;

}



#menulateral a

{



background-color:transparent;



}



#menulateral a:hoover;

{



bbackground-color:#32CD32;



}



#conteudo

{



width:700px;

min-height:510px;

background-color:#98FB98;

float:right;

margin:20px 20px 20px 20px

}

ie6.css:





#menulateral

{



margin-left:10px;



}

efeitos.js





$(document).ready(function(){



    $("#menulateral&quot.corner();

    $("#conteudo&quot.corner();

    $("#boxprincipal&quot.corner();

});

o site é o seguinte www.chuchunopalito.com.br o boxprincipal só arredonda a parte de cima quando estou no Ie, acredito que tenha algo a ver com height:auto deste box, alguem sabe como contornar o problema?

problema internet senhores explorer layout corner funciona arredondar jquery

Ferramentas

Mover Tópico