Inquiridor
HTML - CSS - I.E. e GOOGLE CHROME

Pergunta
-
Tenho uma dúvida,
Fiz uma página simples com um formulário só. Nessa página tem um link para o css e uma imagem. Estou desenvolvendo no Dreamweaver e o mesmo está configurador para abrir o browser pelo Google. Só que ao rodar a página pelo I.E. ficou deformado. Como devo fazer para sair igual, ou seja, visualizar tudo certinho, pois as tag com suas divs saíram desconfigurados.
Tem alguma configuração a fazer nos arquivos html dentro de alguma tag? Ou no CSS faz alguma coisa. Fiquei preocupado!!!
Obrigado desde já.
Kelsen Nunes
Todas as Respostas
-
Kelsen blz.
Cara o certo seria você posta o css e a div por exemplo onde o layout zoa.
Pode ser alguma class css que você está utilizando.
Abraço.
- Sugerido como Resposta Ricardo Barbosa Cortes terça-feira, 16 de setembro de 2014 14:09
- Não Sugerido como Resposta Ricardo Barbosa Cortes terça-feira, 16 de setembro de 2014 18:18
-
HTML - -------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:: Arena Louvor :: Site em Desenvolvimento ::</title>
<meta name="title" content="Arena Louvor">
<meta name="url" content="www.arenalouvor.com.br">
<meta name="description" content="www.arenalouvor.com.br
Conheça essa banda que está transformando gerações com suas canções. Um projeto criado por Deus para sarar essa geração.">
<meta name="keywords" content="arena louvor, Kelsen Nunes, Rodrigo Dantas, Pr Weltin, arena jov, arena jovem, arena, sara nossa terra, snt">
<meta name="charset" content="ISO-8859-1">
<meta name="autor" content="Kelsen Oliveira">
<meta name="company" content="CBK Solutions">
<meta name="revisit-after" content="5">
<link rev="made" href="mailto:kelsen@cbksolutions.com.br">
<link rel="stylesheet" href="CssConfiguracoes.css" />
<style type="text/css">td img {display: block;}</style>
<script type="text/javascript" language="JavaScript1.2" src="stmenu.js"></script>
</head>
<body>
<hr id="hr1" />
<div id="Painel">
</div>
<div id="PainelFoto">
</div>
<div id="Container">
<div id="FundoRedeSocial">
<div class="vertical" title="Siga o Arena Louvor nas Redes Sociais">
</div>
<div class="redesSociais">
<ul>
<li><a href="https://pt-br.facebook.com/arenalouvoroficial" target="_blank" title="Facebook"><img src="Imagem/RedesSociais/LogoFace.png"/></a></li>
<li><a href="http://instagram.com/arenalouvoroficial" target="_blank"title="Instagram"><img src="Imagem/RedesSociais/LogoInstagram.png" /></a></li>
<li><img src="Imagem/RedesSociais/LogoFlickr.png" /></li>
<li><a href="https://twitter.com/arenalouvor" target="_blank"title="Twitter"><img src="Imagem/RedesSociais/LogoTwitter.png" /></a></li>
<li><a href="https://www.youtube.com/user/ARENALOUVOR5" target="_blank" title="YouTube"><img src="Imagem/RedesSociais/LogoYouTube.png" /></a></li>
<li><a href="https://soundcloud.com/arenalouvor" target="_blank"title="SoundCloud"><img src="Imagem/RedesSociais/LogoSoundCloud.png" /></a></li>
<li><img src="Imagem/RedesSociais/LogoG+.png" /></li>
</ul>
</div>
</div> <!-- fecha class redesSociais -->
</div>
<hr id="hr2" />
</body>
</html>
CSS ------------------------------------------------------------------------------------------
@charset "utf-8";
/* CSS Document */
* {padding:0px;
margin:0px;}
body {
background:#000;
height:100%;
width:100%;
}
#Container {
background-image:url(Imagem/SiteManutencaoIII.png);
background-repeat:no-repeat;
width:1100px;
height:550px;
margin-
}
#hr1 {
width: 100%;
height: 2px;
background: #fbb712;
border: none;
margin-
}
#hr2 {
width: 100%;
height: 2px;
background: #fbb712;
border: none;
margin-
}
#Painel {
background-color:#FFF;
width: 100%;
height: 180px;
opacity:0.2 ;
}
#PainelFoto {
background-image:url(Imagem/FotoPainel.png);
height: 180px;
}
/* rede soliciais */
#FundoRedeSocial {
border-radius: 10px;
background-color:#FFF;
width: 45px;
height: 280px;
right:30px;
}
#RedeSocialSiganos {
font:Tahoma, Geneva, sans-serif;
color:#FFF;
opacity:1.0;
size:30px;
font-size:15px;}
.redesSociais {
list-style:none;
margin:0;
padding:0;
right:34.5px;
top:260px;
}
.redesSociais ul {list-style:none;}
.redesSociais li {margin-right:0px;}
.redesSociais li img {margin-top:0px;}
Kelsen Nunes
-
Kelsen, vou te fazer uma pergunta meio besta rs.
Você já tentou tirar o margin- das suas classes?
Ele está vazio sem definição, ao meu ver esse pode ser o único problema.
Não sou expert em css mas assim eu nunca vi rs.
- Sugerido como Resposta Ricardo Barbosa Cortes terça-feira, 16 de setembro de 2014 18:18
- Não Sugerido como Resposta Ricardo Barbosa Cortes quarta-feira, 17 de setembro de 2014 10:44
-
-
Fala Ricardo. Já fiz isso e continua com problema. Já até resetei o CSS e continua da mesma forma
Kelsen Nunes
Ricardo foi tenso :/ rs.
Como utilizo o VS tenho instalado o web essentials que me dá muitas dicas de quais browsers determinada propriedade será renderizada.
Não será um problema com versão de browser?