Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá Pessoal, Estou com um probleminha em relação ao IE...
Estou pegando o Topo e Rodapé por include, só que no Internet Explorer, o layout fica todo desorganizado, Nos outros navegadores funciona beleza! Não consegui encontrar o erro, então peço a ajuda de vocês!
<!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>Alien Tecnologia</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<?php include "header.php" ; ?>
<div id="conteudo">
<div id="anuncios_top">
<div id="anuncio_google">
<a href="#"><img src="Midias/FGV_OnLine.jpg" alt"" /></a>
</div> <!--FIM ANUNCIO TOP-->
<div id="alien_host">
<a href="#"><img src="Midias/Alien_HOST.jpg" /></a>
</div> <!--FIM ALIEN HOST-->
</div> <!--FIM ANUNCIOS TOP-->
<div id="destaque">
<div id="noticia_destaque">
<ul>
<li>
<img src="Uploads/tempphoto-1.jpg" />
<a href="#"><p class="title_destaque">Free Tibet Protest at the Olympic Torch Rally Protest at the Olympic...</p></a>
</li>
</ul>
</div> <!--FIM NOTICIA DESTAQUE -->
<Div id="destaque_lista">
<ul>
<li>
<a href="#"><img src="Midias/110x65.jpg" /></a>
<h1>INTERATIVIDADE</h1>
<span>Criando sistema de Login e Senha com SESSION - Parte 02</span>
</li>
<li>
<a href="#"><img src="Midias/110x65.jpg" /></a>
<h1>HOST E CONFIGURAÇÃO</h1>
<span>Hospedagem e configuração Aula 3: Criar emails,</span>
</li>
<li>
<a href="#"><img src="Midias/110x65.jpg" /></a>
<h1>ENQUETE DINÂMICA</h1>
<span>Enquete Dinâmica - Parte 3: Excluindo Enquetes</span>
</li>
</ul>
</Div> <!--FIM DESTAQUE LISTA-->
<div id="anuncio2">
<a href="#"><img src="Midias/RedeHost.jpg" /></a>
</div> <!--FIM ANUNCIO2-->
</div> <!--FIM DESTAQUE-->
<div id="bloco2">
<div id="noticias">
<div id="title_noticias">
<img src="Imagens/Noticias_ICON.png" />
<span class="title_noticias">NOTÍCIAS</span>
<a href="#" class="mais_noticias">Mais >></a>
</div> <!--FIM TITULO NOTICIAS-->
<ul>
<li>
<h2>APLICATIVOS | 26/06/2011</h2>
<a href="#" class="conteudo_noticias">Windows 8 incentiva produção de LepTops...</a>
</li>
<li>
<h2>APLICATIVOS | 26/06/2011</h2>
<a href="#" class="conteudo_noticias">Windows 8 incentiva produção de LepTops...</a>
</li>
<li>
<h2>APLICATIVOS | 26/06/2011</h2>
<a href="#" class="conteudo_noticias">Windows 8 incentiva produção de LepTops...</a>
</li>
<li>
<h2>APLICATIVOS | 26/06/2011</h2>
<a href="#" class="conteudo_noticias">Windows 8 incentiva produção de LepTops...</a>
</li>
<li class="ultima_noticias">
<h2>APLICATIVOS | 26/06/2011</h2>
<a href="#" class="conteudo_noticias">Windows 8 incentiva produção de LepTops...</a>
</li>
</ul>
</div> <!--FIM NOTICIAS-->
<div id="video_e_especial" >
<div id="video_aulas">
<div id="title_video_aulas">
<img src="Imagens/Video_Aulas_ICON.png" class="icon_video_aulas" />
<span class="title_video_aulas">VÍDEO-AULAS</span>
<a href="#" class="mais_video_aulas">Mais >></a>
</div> <!--FIM TITULO VIDEO-AULAS-->
<ul>
<li>
<a href="#">
<img src="Midias/165x100.jpg" />
<span class="conteudo_video_aulas">Curso de PHP Para iniciantes - Aula 1 De 5</span>
</a>
</li>
<li>
<a href="#">
<img src="Midias/165x100.jpg" />
<span class="conteudo_video_aulas">Curso de PHP Para iniciantes - Aula 2 De 5</span>
</a>
</li>
<li class="ultimo_video">
<a href="#">
<img src="Midias/165x100.jpg" />
<span class="conteudo_video_aulas">Configurando e Trabalhando Variáveis e Arrays com Smarty</span>
</a>
</li>
</ul>
</div> <!--FIM VIDEO AULAS-->
<div id="especial">
<div id="title_especial">
<img src="Imagens/Especial_ICON.png" class="icon_especial" />
<span class="title_especial">ESPECIAIS</span>
<a href="#" class="mais_especial">Mais >></a>
</div> <!--FIM TITULO ESPECIAL-->
<ul>
<li>
<a href="#">
<img src="Midias/Smarty.jpg" />
<span class="conteudo_especial">Configurando e Trabalhando Variáveis e Arrays com Smarty</span>
</a>
</li>
<li>
<a href="#">
<img src="Midias/Smarty.jpg" />
<span class="conteudo_especial">Configurando e Trabalhando Variáveis e Arrays com Smarty</span>
</a>
</li>
<li class="ultimo_especial">
<a href="#">
<img src="Midias/Smarty.jpg" />
<span class="conteudo_especial">Configurando e Trabalhando Variáveis e Arrays com Smarty</span>
</a>
</li>
</ul>
</div> <!--FIM ESPECIAL-->
</div> <!--FIM VIDEOS E ESPECIAL-->
<div id="sidebar">
<div id="newsletter">
<img src="Imagens/Newsletter.png" class="newsletter_icon"/><h3>Boletim Semanal</h3>
<form name="search" action="" method="post">
<input type="text"/>
<span class="email">Seu E-Mail:</span>
<input type="submit" value=""class="btn_newsletter" />
</form>
</div> <!--FIM NEWSLETTER-->
<div id="plantao">
<div id="title_plantao">
<img src="Imagens/Plantao_ICON.png" class="icon_plantao" />
<span class="title_plantao">PLANTÃO</span>
</div> <!--FIM TITULO PLANTÃO-->
<ul>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</a></li>
</ul>
</div> <!--FIM PLANTÃO-->
</div> <!--FIM SIDEBAR-->
</div> <!--FIM BLOCO 2-->
<div id="bloco3">
<div id="downloads">
<div id="title_downloads">
<img src="Imagens/Downloads_ICON.png" class="icon_downloads" />
<span class="title_downloads">DOWNLOADS</span>
<a href="#" class="mais_downloads">Mais >></a>
</div> <!--FIM TITULO DOWNLOADS-->
<ul>
<li>
<a href="#"><img src="Midias/90x55.jpg" /></a>
<h4>Adobe In Design</h4>
<img src="Imagens/OS.jpg" class="OS"/>
<span class="visualizacoes">290 Visualizações</span>
</li>
<li class="ultimo_down">
<a href="#"><img src="Midias/90x55.jpg" /></a>
<h4>Adobe In Design</h4>
<img src="Imagens/OS.jpg" class="OS"/>
<span class="visualizacoes">290 Visualizações</span>
</li>
<li>
<a href="#"><img src="Midias/90x55.jpg" /></a>
<h4>Adobe In Design</h4>
<img src="Imagens/OS.jpg" class="OS"/>
<span class="visualizacoes">290 Visualizações</span>
</li>
<li class="ultimo_down">
<a href="#"><img src="Midias/90x55.jpg" /></a>
<h4>Adobe In Design</h4>
<img src="Imagens/OS.jpg" class="OS"/>
<span class="visualizacoes">290 Visualizações</span>
<li class="ultimo_down2">
<a href="#"><img src="Midias/90x55.jpg" /></a>
<h4>Adobe In Design</h4>
<img src="Imagens/OS.jpg" class="OS"/>
<span class="visualizacoes">290 Visualizações</span>
</li>
<li class="ultimo_down1">
<a href="#"><img src="Midias/90x55.jpg" /></a>
<h4>Adobe In Design</h4>
<img src="Imagens/OS.jpg" class="OS"/>
<span class="visualizacoes">290 Visualizações</span>
</li>
</ul>
</div><!--FIM DIV DOWNLOADS-->
<div id="alien_store">
<div id="title_alien_store">
<img src="Imagens/Alien_Store_ICON.png" class="icon_alien_store" />
<span class="title_alien_store">ALIEN STORE</span>
<a href="#" class="mais_alien_store">Mais >></a>
</div> <!--FIM TITULO AIEN STORE-->
<ul>
<li>
<span class="title_produto">Pacotão UPNEWS Volume 1</span>
<img src="Midias/Fireworks.jpg" alt="" width="85" height="90" />
<p>Valor: R$:30,00 </p>
<a href=""><div class="botao_compra"></div></a>
</li>
<li class="ultimo_store">
<span class="title_produto">Pacotão UPNEWS Volume 1</span>
<img src="Midias/Fireworks.jpg" alt="" width="85" height="90" />
<p>Valor: R$:30,00 </p>
<a href=""><div class="botao_compra"></div></a>
</li>
<li>
<span class="title_produto">Pacotão UPNEWS Volume 1</span>
<img src="Midias/Fireworks.jpg" alt="" width="85" height="90" />
<p>Valor: R$:30,00 </p>
<a href=""><div class="botao_compra"></div></a>
</li>
<li class="ultimo_store">
<span class="title_produto">Pacotão UPNEWS Volume 1</span>
<img src="Midias/Fireworks.jpg" alt="" width="85" height="90" />
<p>Valor: R$:30,00 </p>
<a href=""><div class="botao_compra"></div></a>
</li>
</ul>
</div> <!--FIM ALIEN STORE -->
</div> <!--FIM BLOCO--3-->
</div> <!-- FIM CONTEUDO -->
<div id="clear"></div> <!--CLEAR BOTH-->
<?php include "footer.php" ; ?>
</div> <!--FIM BOX-->
</body>
</html>Desde já agradeço a atenção de vocês!
Você Diz... Uma folha de estilo para o IE e outra para os demais navegadores né?
>
Você Diz... Uma folha de estilo para o IE e outra para os demais navegadores né?
Exatamente. Com o comentario condicionado isso é possivel. O detalhe é que não precisa refazer toda folha de estilo. Basta colocar somente o que está quebrado.
Poste um link para o site, para entendermos oq exatamente está quebrando.
só use hacks se realmente for a ultima alternativa, e ainda assim, evite usá-los.(vale o mesmo para CC)
Ainda Não Hospedei o Site, Mais está desconfigurado de Topo a Rodapé, Nem alinhado ao centro a pagina fica mais, Tipo eu tenho ele em um único arquivo, funciona perfeitamente, mais basta dar o include no "topo.php" que vira bagunça. Ja verifiquei Charset e Codificação, estão em UTF-8, Mais o problema continua!
Eu sei o que é isso...
O Servidor interpreta um caracter estranho tipo "" ( sem aspas... ).
Você está escrevendo seu codigo usando dreamweaver correto?
Abra no modo Design, clique com o direito, propriedades da pagina, em titulo e encoding desmarque a opção de assinatura BOM.
Isso deverá resolver seu problema.
senartes Ja fiz isso e o problema continua, alguém?
cara.. hospeda o site, pois apenas adivinhando(sem olhar), vai ser impossível que adivinhemos o motivo do erro.
já validou a marcação e o css ?
O que você pode fazer é comentario condicionado, ex:
<!--[if IE 7]>
<link href="@css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 9]>
<link href="@css/ie9.css" rel="stylesheet" type="text/css" />
<![endif]-->
Acima você faz referencia para ie 7 e 9. Se o problema for o mesmo para todo ie é só não especificar a versão, ficando <!--[if IE]>. Ai faz um arquivo ie.css e coloca uma formatação css para esse arquivo. Ele só será lido no internet explorer. Nos outros navegadores será lido o arquivo normal do css. Coloca o comentário condicionado acima entre as tags head.