Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

K3lv!N

Problema Com !PHP Include! e Layout No IE

Recommended Posts

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você Diz... Uma folha de estilo para o IE e outra para os demais navegadores né?

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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)

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

senartes Ja fiz isso e o problema continua, alguém?

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.