IE Quirks Mode

Resolvido

(@sicuro)

Boa noite,
estou com um problema e não estou conseguindo resolver. Procurei em diversos forúms, no entando, não achei nenhuma solução.

No Chrome e Firefox funcionam perfeitamente, mas quando eu coloco no IE, ele vai direto para o MODO QUIKS, e fica tudo a esquerda e a configuração do CSS toda torta.

Fiz um scan no W3C validador, e ele me diz que o doctype está incorreto, porém, está certinho. Segue link do scan abaixo:

Link Scan

Não sei mais o que fazer…

Segue abaixo o codigo do header / index / footer

//////// HEADER.PHP
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link href="<?=bloginfo('template_url')?>/style.css" rel="stylesheet" type="text/css" />

<?php wp_head();?>
</head>

<body>

<div id="topo">

	<div class="topo_centro">

    	<span class="logo"><img src="<?=bloginfo('template_url')?>/images/logo_zo.png" alt="Zo Editorial"/></span>
        <span class="busca"><img src="<?=bloginfo('template_url')?>/images/busca_site.png" alt="Busca Zo"/></span>

        <div class="menu">
        	<ul>
            	<li>Quem somos?</li>
                <li>Zornal</li>
                <li>Serviços</li>
                <li>Produtos desenvolvidos</li>
                <li>Fale conosco</li>
           </ul>
        </div>

        <div class="area_social">
        	<ul>
            	<li><img src="<?=bloginfo('template_url')?>/images/facebook_icon.png" alt="facebook Zo Editorial"/></li>
                <li><img src="<?=bloginfo('template_url')?>/images/twitter_icon.png" alt="Twitter Zo Editorial"/></li>
                <li><img src="<?=bloginfo('template_url')?>/images/linkedin_icon.png"  alt="Linkedin Zo Editorial"/></li>
                <li><img src="<?=bloginfo('template_url')?>/images/email_icon.png"  alt="Entre em contato"/></li>
           </ul>
        </div>

        <span class="logo_twitter"><img src="<?=bloginfo('template_url')?>/images/twitter_mascote.png"  alt="Twitter feed"/></span>
        <span class="feed_twitter">        <?php if ( is_active_sidebar( '1-widget-area' ) ) : ?> <?php dynamic_sidebar( '1-widget-area' ); ?>  <?php endif; ?> </span>

    <div id="clear"></div>
    </div>

</div>
<div id="barra_topo"> </div>
<?php get_header(); ?>

////INDEX.PHP
<div id="conteudo">

	<div class="area_noticias_home">
    	<h1> Zornal </h1>
            <span class="box_noticas_home">

               <?php  query_posts("category_name=zornal&showposts=3"); ?>
    		   <?php if (have_posts()): while (have_posts()): the_post();?>

               <!-- LOOP NOTICIAS -->
            	<span class="box_noticias_01">
                	<h2><?php title_lenght(30); ?></h2>
                    <p><?php excerpt(140);?>... </p>
                    <span class="ler_mais"><a href="<?php the_Permalink()?>">LER MAIS</a></span>
                </span>
                 <!-- FIM LOOP NOTICIAS -->

               <?php endwhile; else: ?>
               <?php endif;?>
    </span>
        <div id="clear"></div>
    </div>

    <div class="produtos_destaque_home">
    	<h1>Produtos</h1>
        <span class="produtos_slide">
        	<img src="<?=bloginfo('template_url')?>/images/img_box_produtos.png" alt="Produtos" />
        </span>
    </div>

    <div class="area_servicos">
    	<h1>Serviços</h1>
        <span class="ver_todos_servicos"><img src="<?=bloginfo('template_url')?>/images/ver_todos_home.png" alt="Serviços" /></span>
            <!-- INICIO LOOP SERVIÇOS -->
        	<span class="bloco_servicos">

               <?php  query_posts("category_name=servicos&showposts=3"); ?>
    		   <?php if (have_posts()): while (have_posts()): the_post();?>

           	<h2><?php the_title(); ?></h2>
                <p><?php excerpt(140);?>...</p>

               <?php endwhile; else: ?>
               <?php endif;?> 

</span>
            <!-- FIM LOOP SERVIÇOS -->
    </div>

    <div class="newsletter"> </div>

   <div id="clear"></div>
</div> 

<?php get_footer(); ?>

///// FOOTER.PHP
</body>
</html>

Visualizando 1 resposta (de um total de 1)

Criador do tópico Sicuro
(@sicuro)

12 anos atrás

DESCOBRI!!!

Bem.. eu uso o dreamweaver como editor, resolvi baixar o notepad++ para testar..

mudei de UTF-8 para ANSI e milagrosamente, funcionou TUDO.

Espero que ajude quem esteja com o mesmo problema.

Visualizando 1 resposta (de um total de 1)

O tópico ‘IE Quirks Mode’ está fechado para novas respostas.

Tags de tópico

Visualizações