none
HTML - CSS - I.E. e GOOGLE CHROME RRS feed

  • 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

    segunda-feira, 15 de setembro de 2014 14:27

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.

    segunda-feira, 15 de setembro de 2014 14:41
  • 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

    terça-feira, 16 de setembro de 2014 14:54
  • 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.

     

    terça-feira, 16 de setembro de 2014 15:00
  • Fala Ricardo. Já fiz isso e continua com problema. Já até resetei o CSS e continua da mesma forma

    Kelsen Nunes

    terça-feira, 16 de setembro de 2014 21:03
  • 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?

    quarta-feira, 17 de setembro de 2014 17:54