Problema com Centralização no IE,e Chrome

Fórum para dúvidas sobre CSS, Tableless e Webstandards.

Moderador: web

responder a dúvida

Problema com Centralização no IE,e Chrome

Mensagem por paranoia_r Offline » Sex Ago 19, 2011 4:02 pm


Problema com Centralização de Objeto no InternetExplorer e no Google Chrome segue a abaixo as imagens!

sendo que no firefox da tudo certo fica alinhadinho perfeito

Imagem Firefox
http://www.twbteam.com.br/Novo/FireFoxCerto.png

Imagem InternetExplorer
http://www.twbteam.com.br/Novo/IE.png

Imagem Google Chrome
http://www.twbteam.com.br/Novo/Chrome.png



detalhes...

www.twbteam.com.br

paranoia_r
VETERANO
VETERANO
Mensagens: 147
Registrado em: Qua Ago 05, 2009 6:06 am


Problema com Centralização no IE,e Chrome

Mensagem por web Offline » Sex Ago 19, 2011 4:05 pm

Qual objeto específico? Qual CSS está usando para alinhar?

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Problema com Centralização no IE,e Chrome

Mensagem por paranoia_r Offline » Sex Ago 19, 2011 4:08 pm

Codigo Referente ao index.php

Código: Selecionar todos
<div id="cor_separa">
<div style="width:600px;margin:0 auto;">

<table width="600" border="0" cellspacing="0" cellpadding="0" style="margin-top:10px;">
  <tr>
    <td><div style="width:90px;height:120px;float:left;">
<img src="imagens/Ultimos_Projetos/Ultimos_Projetos.png" width="80" height="80" />
</div></td>
    <td><div id="imagens_separa" style="width:600px; height:120px;">
    <ul>
        <li><img src="imagens/Ultimos_Projetos/projeto1.png" width="121" height="80"></li>
        <li><img src="imagens/Ultimos_Projetos/projeto2.png" width="120" height="81"></li>
        <li> <img src="imagens/Ultimos_Projetos/Veiculo.png" width="120" height="81"></li>
        <li><img src="imagens/Ultimos_Projetos/Universidade.png" width="120" height="81"></li>
        <li> <img src="imagens/Ultimos_Projetos/Veiculo.png" width="120" height="81"></li>
    </ul></div></td>
  </tr>
</table>
</div></div>

codigo referente ao css

Código: Selecionar todos
#cor_separa{
    background:#F60;
   height:100px;
}
#imagens_separa img
{
    opacity:0.5;               /* Firefox & Chrome */
    filter:alpha(opacity=50);   /* IE */

}   
#imagens_separa img:hover{
   opacity:1;               /* Firefox & Chrome */
    filter:alpha(opacity=100);   /* IE7+ */
   }
   
#imagens_separa li{
   display: inline;
   margin-right:2px;
   }

desde já muito obrigado!

detalhes...

www.twbteam.com.br

paranoia_r
VETERANO
VETERANO
Mensagens: 147
Registrado em: Qua Ago 05, 2009 6:06 am


Problema com Centralização no IE,e Chrome

Mensagem por web Offline » Sex Ago 19, 2011 4:15 pm

Estava perguntando o objeto na página que devia estar alinhado. Tive que fazer um jogo de 7 erros aqui para descobrir. :rofl:

Abaixo deixo um script para alinhar um objeto verticalmente, usa ele como base

Código: Selecionar todos
<style type="text/css">
div.pai{
width:100px;
height:100px;
border:1px solid #cccccc;
}

div.filho{
position:relative;
top:40%;
left:50%;
text-align:center;
}
</style>

<div class="pai">
<div class="filho">abc</div>
</div>


detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil


responder a dúvida

Voltar para CSS, Tableless e Webstandards

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante