Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Toatoa

Lay não centraliza no IE

Por , em Desenvolvimento frontend

Recommended Posts

Toatoa    0

Toatoa
Postado 

*{
margin:0;
padding:0;
}
body{
background:url(imagens/site/bg_original.png);
}

/* GLOBAL */
#global{
background:url(imagens/site/bg_glob.png) repeat-y;
width:955px;
margin:0 auto;
}

/* TOPO */
#topo{
width:917px;
margin:0 auto;
}

#banner{
background:url(imagens/site/banner.png) no-repeat;
width:917px;
height:140px;
margin:0 auto;
}

#logo{
width:197px;
height:73px;
display:block;
float:left;
margin:20px 75px;
}
#logo a{
text-decoration:none;
text-indent:-9999px;
color:#333;
}

#social_icones{width:175px; height:57px; display:block; float:left; margin:25px 95px 0 185px;}
#social_icones a{background:url(imagens/site/social_icones.png) no-repeat; color:#999; text-indent:-1000em; display:block; float:left; width:57px; height:57px;}
#social_icones a#rss{background-position:0px 0px;}
#social_icones a#twitter{background-position:-58px 0px;}
#social_icones a#facebook{background-position:-113px 0px;}

/* MENU */
#menu{
background:url(imagens/site/bg_menu.png) repeat-x;
width:917px;
height:41px;
margin:1px auto;
}

/* MEIO */
#meio{
background:url(imagens/site/bg_top_princip.png) repeat-x;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
width:900px;
height:182px;
margin:5px auto;
margin-bottom:5px;
}

/* CENTRO */
#centro{
width:917px;
margin:0 auto;
display:table;
}

/* LATERAL */
#lateral{
width:305px;
float:left;
}

.box{
width:302px;
margin:10px 5px;
display:table;
}

.box_top_verde{background:url(imagens/site/box_header_verde.png) no-repeat; width:302px; height:37px;}
.box_top_azul{background:url(imagens/site/box_header_azul.png) no-repeat; width:302px; height:37px;}
.box_top_laranja{background:url(imagens/site/box_header_laranja.png) no-repeat; width:302px; height:37px;}

.box_content{
background:#FFF;
width:302px;
float:left;
}

.box_content_centro{
width:292px;
margin:0 5px 5px;
}

/* CONTEUDO */
#conteudo{
width:602px;
float:right;
}

 

 

HTML

 

<body>

 <div id="global">

     <div id="topo">

         <div id="banner">

             <div id="logo">

                  <a href="#"><img src="define/css/imagens/site/bonnies.png" alt="bonnies habbo" /></a>

             </div><!-- FIM #LOGO -->

             <div id="social_icones">

                 <a href="#" id="rss">RSS</a>
                 <a href="#" id="twitter">TWITTER</a>
                 <a href="#" id="facebook">FACEBOOK</a>

             </div><!-- FIM #SOCIAL -->

         </div><!-- FIM #BANNER -->

       <div class="clear"></div><!-- CLEAR -->

        <div id="menu">
        </div><!-- FIM #MENU -->

     </div><!-- FIM #TOPO -->

     <div id="meio">
     </div><!-- FIM #MEIO -->

     <div class="clear"></div><!-- CLEAR -->

     <div id="centro">

          <div id="lateral">

               <div class="box">

                    <div class="box_top_verde"></div>

                    <div class="box_content">
                         <div class="box_content_centro">
                          kk
                         </div>
                    </div><!-- CONTENT FIM -->

               </div><!-- BOX FIM -->

               <div class="box">

                    <div class="box_top_azul"></div>

                    <div class="box_content">
                         <div class="box_content_centro">
                          kk
                         </div>
                    </div><!-- CONTENT FIM -->

               </div><!-- BOX FIM -->

               <div class="box">

                    <div class="box_top_laranja"></div>

                    <div class="box_content">
                         <div class="box_content_centro">
                          kk
                         </div>
                    </div><!-- CONTENT FIM -->

               </div><!-- BOX FIM -->

          </div><!-- FIM #LATERAL -->

          <div id="conteudo">
          </div><!-- FIM #CONTEUDO -->

     </div><!-- FIM #CENTRO -->

 </div><!-- FIM #GLOBAL -->

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você está usando DOCTYPE ?

 

valide a marcação e o css.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

E poste um link - fica muito mais fácil pra tentar ajudar.

você está usando DOCTYPE ?

 

valide a marcação e o css.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito