Ir para conteúdo

POWERED BY:

Arquivado

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

Rzorr

CSS no IE

Recommended Posts

Boa noite Pessoal seguinte eu to com problemas para acertar minha pagina no ie, só que é o seguinte ate esse dias tava tudo normal de uma hora para outra literalmente falando desandou tudo no IE, no chrome e no Mozila, Opera, safari OK mas no ie ta tudo zuado e detalhe não consigo arrumar alguem pode me ajudar ai? se alguem poder me ajudar eu coloquei a pagina no ar para ficar mais facíl de compreender o que esta acontecendo e estou postando aqui meu code beleza obrigado. www.dicionariobiblico.com.br

 

code css

*{
margin:0;
padding:0;
}

#geral{width:1024px;
      margin: 0px auto;
   }
/*----------------------menu--principal-------------------------*/
#menu_externo{
		  width:100%;
             margin-top:46px;
		  background-color:#336699;
		  background-image: url (../imagens/f_menu.png);
		}


#menu_principal ul  { 
			    float:left;
				width:100%;
				background-color:#336699;
				list-style:none;
				margin-top:-45px;
				font-size:12pt;
				font-family:"trebuchet ms";
				background-image: url(../imagens/f_menu.png);
				}

				#menu ul li { display: inline; }


#menu_principal ul li a {
                margin-left:162px;
				padding: 8px 15px;
				float:left;
				margin-right:-162px;
				background-image: url(../imagens/f_menu.png);
				background-color:#336699;
				color:#ccc;
				text-decoration:none;
				border-right:1px solid;
				border-bottom:3px solid #336699;
}
#menu_principal ul li a:hover {
				background-color:#4f94cd;
				color: #fff;
				border-bottom:3px solid #00008B;
                  }


/*----------------------cabecalho------------------------------*/
div#cabe_externo{width:100%;
               background-image:url(../imagens/ceu.jpg);
			background-repeat: no-repeat;
			}

#cabe{width:1024px;
	  height:200px;
	  margin:0px auto;

	  }
	  img.cabes{width:450px;
				margin-top:50px; }

	  p.slogan{color:#FFF;
			   font-family:"trebuchet ms";
			   margin-left:75px;
			   font-size:14pt;
			   }
			   h6.slogan2{position:relative;
						 margin-left:250px;
						 margin-top:10px;
						 color:#00008B;
						 font-family:"Trebuchet ms";
						 }


/*---------------------conteudo--------------------------------*/
#conteudo{width:650px;
		  border:1px solid;
		  margin-left:185px;
		  margin-top:50px;
}
/*----------------------coluna direita--------------------------*/
#right{
	   float:right;
	   width:178px;
	   /*------bordas aredondadas com sombra------*/
	   border-radius:10px;
	   box-shadow: #ccc 2px -0px 1px;
	   background-color:#fff;

	   }

	   p.titu_radio{
					background-image:url("../imagens/left_right.png");
					background-repeat:no-repeat;
					width:181px;
					padding:30px 5px;

					}
					h5.titu_radio{margin:-55px -30px 20px 50px;
								  color:#FFF;
								  font-size:11pt;
								  }

/*----------------------coluna esquerda-------------------------*/
#left{  position:relative; 
       float:left;
    width:178px;
	/*---------bordas aredondadas com sombra ------------*/
	box-shadow: #ccc -2px 0px 0px 0px;
	border-radius:25px;
    background-color:#fff;
	} 
/*----------------------rodape----------------------------------*/
#rodape{width:1024px;
       margin: 0px auto;
	}

div#rodape_externo{width:100%;
                 background-color:#006400;
			  }	
			  p.rodapeee{margin-left:230px;
			             color:#fff;
						 font-size:10pt;
						 margin-top:-119px;
						 }


						 div#menu_roda ul li.tags{position:relative;
						                 display:block;
									     top:15px;										   
									     font-size:12pt;
										 margin-top:-10px;

									   }
									   div#menu_roda2 ul li.tagss{
										                       position:relative;
									                           left:130px;
													           top:-125px;
													           margin-top:-10px;

									                  }
													  a.tag{color:#fff;
													        text-decoration:none;
															}


															a:hover.tag{text-decoration:underline;}

/*-----------------------facebook--------------------------------*/
#facebook{height:300px;

         clear:both;}
       p.like{color:#00008B;
	       font-size:14pt;
		   }		  
/*----------------------comunidades-----------------------------*/
#comunidades{position:relative;
            top:-260px;
            margin-left:700px;
		 border:none;}
/*-----Atributos da coluna left Cadastro------------------------*/
p.titu_cadastro{background-image:url("../imagens/left_right.png");
               background-repeat:no-repeat;
               width:183px;
			padding:30px 5px;
			margin-left:-3px;


			}
				h5.titu_cadastro{margin:-55px 40px 15px 40px;
				                color:#fff;
								font-size:11pt;
								}
/*-----Atributos da Coluna left Oferta-------------------------*/
p.titu_oferta{background-image:url("../imagens/left_right.png");
             background-repeat:no-repeat;
             width:183px;
		  padding:30px 5px;
		  margin-left:-3px;

		  }
			h5.titu_oferta{margin:-55px 25px 15px 15px;
						  color:#fff;
						  font-size:11pt;}									

/*--------------------------propiedades para imagens----------------*/

/*---------------------------propiedades da pagina de pesquisa------*/

#form{position:relative;
margin-left:150px;
margin-top:50px;
}
	.tex{width:300px;
		 height:37px;
		 font-size:14pt;
		 color:#00008B;
		 }
		 .bto{width:100px;
			  height:39px;
			  margin-top:20px;
			  }
/*--------------------cont_double-------------------------------*/	

#cont_double_left{float:left;
            margin-top:10px;
            width:323px;
            height:150px;
		 border:1px solid;
		 }

		 #cont_double_right{
		 margin-top:10px;
		 float:right;
		 left:10px;
            width:323px;
            height:150px;
		 border:1px solid;
		 }
/*---------------------img_chamadas-------------------------------*/




/*---------------------pesquisa-------------------------------*/
#resp{
position:relative;
top:50%;
left:50%;
margin-left:-285px;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:550px;
height:200px;

    }
  .pal{

	  background-color:#999999;
	  border:1px #000000;
	  font-family:Georgia, "Times New Roman", Times, serif;
	  font-size:14px;
	 }

	.sig{
		 padding:25px 10px 25px 10px;
	     background-color: #999;
		 border:1px #000000;
		 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size:14px;
	}
	 .sig2{
		 padding:25px 10px 25px 10px;
		 margin-top:15px;
		 background-color: #CCC;
		 border:1px #000000;
		 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size:14px;
		  }

















code html
<body>
<div id="cabe_externo">
<div id="cabe">
	<p><a href="index.html"><img class="cabes" src="imagens/logo.png" border="none" alt="Portal Gospel Dicionário Bíblico"/></a><br/> </p>
	<p class="slogan">O maior Dicionário Bíblico da Web.</p>
	<p ><h6 class="slogan2">"E disse-lhes: Ide por todo o mundo, pregai o evangelho a toda criatura."(Marcos 16:15)</h6></p>
</div>
</div>	


        <div id="menu_externo">
			<div id="menu_principal">
				<ul class="princ">
					<li><a class="princ" href="" >Inicio</a></li>
					<li><a class="princ" href="http://www.dicionariobiblico.com.br/forum/">Fórum</a></li>
					<li><a class="princ" href="" >Contato</a></li>
					<li><a class="princ" href="" >Bíblia</a></li>
					<li><a class="princ" href="" >Estudos</a></li>
					<li><a class="princ" href="">Enigma</a></li>
					<li><a class="princ" href="">Notícias</a></li>
					<li><a class="princ" href="" >Ministrações</a></li>
					<li><a class="princ" href="http://www.dicionariobibblico.com.br/dicas.html">Dicas</a></li>
					<li><a class="princ" href="http://www.dicionariobiblico.com.br/dicionario.html">Dicionário</a></li>
					<li><a class="princ" href="">Louvores</a></li>
				</ ul>
			</div>
		</div>
	<div id="geral">
		<div id="left">
			<div id="cadastro">
			    <p class="titu_cadastro"><h5 class="titu_cadastro">Área de Login</h5></p>
				<form action="valida.php" method="POST">
				<p align="center"<label>Digite seu e-mail:</label><br/>
				<input type="text" name="email" class="log"/></br>
				<label>Digite sua Senha:</label><br/>
				<input type="password" name="senha" class="log"/></p></br>
				<input type="submit" Value="Entrar" style='width:60px; height:30px; margin-left:55px; margin-top:-10px;'/>
				<p align="center"><a href="">esqueceu senha</a></p>




				<p align="center"><a href="javascript:AreadeCadastro('cad_user.html')"> ainda não sou cadastrado</a> 
				</form>
			</div>
			<div id="patrocinador">
			<p class="titu_oferta"><h5 class="titu_oferta">Faça-nos uma Oferta</h5></p>
			<p align="center">Ajude-nos a Manter esse Site clique no link abaixo e descubra como nos ajudar.</p>
			<a href="http://www.dicionariobiblico.com.br/oferta.html"><img src="imagens/bto_ofertar.png" width="128px" height="58px" style="margin-left:20px; " border="none"></a>
			</div>
		</div>
	<div id="right">
		<div id="radio">
		    <p class="titu_radio"><h5 class="titu_radio">Web Rádio</h5></p>
			<h6 align="center">RÁDIO CONEXÃO CERTA <br/>VINHO NOVO</h6>
			<iframe src='http://apps.sistema.radio.br/BRGallery/index.php/player/view/brlogic-topo3;81;31;NTAuMjIuMjEzLjQvaW5kZXgucGhwL2FwcC9yYWRpby8yMjE=;true' border='0' SCROLLING=NO frameborder='0' allowTransparency='true' style='background-color: none; margin-left:50px;' width='81px' height='31px' ></iframe>
			<h5 align="center">Agora a Melhor Rádio Web <br/> no <br/> Maior Dicionário Biblíco da web</h5>
		</div>
	</div>	
	<div id="conteudo">
	    <div id="noticias">
				<h1>Site em manutenção a opção do dicionario está em funcionamento para que você</br>
				não deixe de pesquisar.Site em manutenção a opção do dicionario está em funcionamento para que você</br>
				não deixe de pesquisar.</h1>
	   </div>
		 <div id="cont_double_left">
			<p><h4>Dicionário Bíblico</h4></br>
			Entre, Pesquise e fique, descubra mais sobre a palavra maravilhosa do nosso DEUS.
		 </div>
            <div id="cont_double_right">
			<h5>Site em manutenção a opção do dicionario está em funcionamento para que você</h5></br>
			não deixe de pesquisar.
		 </div>	
            <div id="cont_double_left">
			<h5>Site em manutenção a opção do dicionario está em funcionamento para que você</h5></br>
			não deixe de pesquisar.
		 </div>
            <div id="cont_double_right">
			<h5>Site em manutenção a opção do dicionario está em funcionamento para que você</h5></br>
			não deixe de pesquisar.
		 </div>				 



	</div> 

	    <div id="facebook">
			<div class="fb-like-box" data-href="http://www.facebook.com/DicionarioBiblico" data-width="1024" data-show-faces="true" data-stream="false" data-header="true"></div>
				<div id="fb-root"></div>
                   <script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, 'script', 'facebook-jssdk'));</script>
		</div>



</div>	
	<div id="rodape_externo">    
		<div id="rodape">
			<div id="menu_roda">
					<ul class="tags">
					<li class="tags"><a class="tag" href="http://www.dicionariobiblico.com.br/index.html" >Início</a></li>
					<li class="tags"><a class="tag" href="" >Contato</a></li>
					<li class="tags"><a class="tag" href="" >enigma</a></li>
					<li class="tags"><a class="tag" href="" >Dicas</a></li>
					<li class="tags"><a class="tag" href="" >Ministrações</a></li>
					</ul>
			</div>
			<div id="menu_roda2">
				<ul class="tagss">
				<li class="tags"><a class="tag" href="">Testemunhos</a></li>
				<li class="tags"><a class="tag" href="">Bíblia</a></li>
				<li class="tags"><a class="tag" href="http://www.dicionariobiblico.com.br/dicionario.html">Dicionário</a></li>
				<li class="tags"><a class="tag" href="http://www.dicionariobiblico.com.br/forum.php">Fórum</a></li>
				<li class="tags"><a class="tag" href="">Notícias</a></li>
				</ul>
			</div>
			<div id="comunidades">
				<a href="http://www.facebook.com.br/DicionarioBiblico" ><img src="imagens/facebook.png" width="96px" height="96px" alt="facebook" target="_blank" border="none"></a>
				<a href="" ><img src="imagens/twitter.png"  width="96px" height="96px" alt="siga-nos" target="_blank" border="none"></a>
				<a href="" ><img src="imagens/youtube.png"  width="96px" height="96px" alt="Youtube"  target="_blank" border="none"></a>
			</div>
				<p class="rodapeee">Todos os Direitos resevados Portal Gospel Dicionário Bíblico  EWS Êxodo Web Studio </p>
		</div>
	</div>



</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Manoooooooooooooooooooooooooooo por amor de Deus, não perca tempo com o IE, pois ele nunca vai ficar padrão, até mesmo com o CSS Reset, mano quase nenhuma empresa faz sites hoje em dia pensando no IE, pois é o navegador mais bugado da historia, vai por mim, não perca tempo, trabalho em uma empresa já e todos dizem f***-se o IE, quase ninguém usa o IE hoje em dia, só os velhinhos e olhe olhe, não perca tempo, pois você vai ter que programar duas vezes uma para o IE e outra para os outros navegadores.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Manoooooooooooooooooooooooooooo por amor de Deus, não perca tempo com o IE, pois ele nunca vai ficar padrão, até mesmo com o CSS Reset, mano quase nenhuma empresa faz sites hoje em dia pensando no IE, pois é o navegador mais bugado da historia, vai por mim, não perca tempo, trabalho em uma empresa já e todos dizem f***-se o IE, quase ninguém usa o IE hoje em dia, só os velhinhos e olhe olhe, não perca tempo, pois você vai ter que programar duas vezes uma para o IE e outra para os outros navegadores.

 

amigo eu sei que isso que você falou é mais pura verdade, porém analisando as métricas do site percebo que infelizmente muitas pessoas ainda estão usando o IE como navegador, e eu nem to desenvolvendo pensando no IE

mas queria que ficasse bacana em todos os navegadores não precisa ficar perfeitinho, pois eu sei que no Ie nada vai ficar perfeito, mas que pelo menos o site ficasse centralizado agora tudo no canto como esta fica dificil mas, se não tiver outra solução vou fazer um code exclusivo para IE ou colocar um alerta quando o usuario acessar o site dizendo para ele abrir em outro navegador mas isso não seira nada comercial, mas muito obrigado pela ajuda

 

vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha mano, na minha empresa simplesmente eles colocam um alert para quando a pessoa usa IE, poucas pessoas usam só 2% da população usa, se quer pelo menos deixar padrão usa o css reset, acho que todos aqui sabem o que é, e se não sabem me da um toque eu eu deixo o css reset que eu uso e todo o pessoal da empresa que eu trabalho usa. Assim seu site vai fica padrão o máximo possível em todos os navegadores.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha mano, na minha empresa simplesmente eles colocam um alert para quando a pessoa usa IE,

não gosto desse tipo de atitude. Eu prezo pelo usuário. Nós como desenvolvedores, devemos deixar o site ao menos "funcional". Não é tão "dificil assim".

 

poucas pessoas usam só 2% da população usa,

de qual versão do IE você está falando ?

 

Se juntar o ie6 + ie7 e + ie8~9, na verdade vamos ter mais de 40% da web.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha usa opção, o que eu digo é pra não se preocupar muito. Enquanto em 5 a 7 navegadores fica tudo padrão você vai fazer pra ficar perfeito só em um? Se você ajeitar os bug do IE vai buga em todos os outros navegadores ai você vai viver nesse loop infinito!! Até fica padrão mesmo o IE com os outros.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado pela orientação la vai os erros html

Line 22, Column 39: document type does not allow element "html" here

<html xmlns:fb="http://ogp.me/ns/fb#"/>

 

Line 22, Column 1: Missing xmlns attribute for element html. The value should be: http://www.w3.org/1999/xhtml

<html xmlns:fb="http://ogp.me/ns/fb#"/>

 

Line 22, Column 39: end tag for "html" which is not finished

<html xmlns:fb="http://ogp.me/ns/fb#"/>

 

Line 58, Column 26: document type does not allow element "h6" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

<p ><h6 class="slogan2">"E disse-lhes:

 

Line 77, Column 6: character data is not allowed here

</ ul>

 

 

Line 78, Column 10: end tag for "ul" omitted, but OMITTAG NO was specified

</div>

 

Line 83, Column 59: document type does not allow element "h5" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

… <p class="titu_cadastro"><h5 class="titu_cadastro">Área de Login</h5></p>

 

 

Line 84, Column 44: value of attribute "method" cannot be "POST"; must be one of "get", "post"

<form action="valida.php" method="POST">

 

Line 108, Column 175: there is no attribute "SCROLLING"

…Rpby8yMjE=;true' border='0' SCROLLING=NO frameborder='0' allowTransparency='tr…

 

Line 119, Column 11: document type does not allow element "h4" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

<p><h4>Dicionário Bíblico</h4></br>

 

Line 140, Column 40: there is no attribute "data-href"

… <div class="fb-like-box" data-href="http://www.facebook.

 

Line 140, Column 95: there is no attribute "data-width"

…ook.com/DicionarioBiblico" data-width="1024" data-show-faces="true

 

no total teve 41 erros no html a maioria fechamento de tags esquecidas postei os que achei mais importante se for necessario posto tudo sem problemas

 

 

no css voram esses erros ai abaixo

 

14 #menu_externo Erro de valor : background-image url não é um valor background-image : url

14 #menu_externo Erro de parseamento (../imagens/f_menu.png);

15 #menu_externo Erro de parseamento }

89 #right A propriedade border-radius não existe em CSS nível 2.1 mas existe em [css3] : 10px

90 #right A propriedade box-shadow não existe em CSS nível 2.1 mas existe em [css3] : #ccc 2px 0 1px

112 #left A propriedade box-shadow não existe em CSS nível 2.1 mas existe em [css3] : #ccc -2px 0 0 0

113 #left A propriedade border-radius não existe em CSS nível 2.1 mas existe em [css3] : 25px

 

Agradeço muito pela ajuda e ficou com a opnião da maioria devemos pensar no usuario final, nas metricas do meu site

google analitycs 86% usam IE 36% chorme 15% mozila

Compartilhar este post


Link para o post
Compartilhar em outros sites
Se você ajeitar os bug do IE vai buga em todos os outros navegadores ai você vai viver nesse loop infinito!

isso não é verdade. Estude um pouco mais, e verá que não é assim que as coisas funcionam.

 

Quem vai decidir se TEM QUE FUNCIONAR, no ie ou não é o teu cliente. É para quem você está fazendo o site.

Se o negócio dele depende disso, e você está sendo pago para tal, então você deve fazer.

 

Você está afirmando meias verdades, cuidado com isso. É possível sim, fazer um site funcionar no ie, sem todo esse "sofrimento" que você acha que é.

Quando você adquirir mais experiência, vai entender doq estou falando.

 

 

@Rzorr,

Deixe o teu doctype assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

 

o erro do p com h6, é que não faz sentido você ter um h6 dentro de um p. Corrija.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dá uma olhada no teu código fonte:

<?php
session_start();
$_SESSION['$valida_user']=$valida_user;
$_SESSION['$logado']=$logado;

if($_SESSION['$logado'] == "1"){

echo $_SESSION['$valida_user'];

}else{

    $nao_logado="Visitante";
 echo $nao_logado;
}

?>

<!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>

ainda não alterou o DTD não. E tem esse trecho de script php ai sendo cuspido na tela.

Configure o teu servidor para interpretar php, pois não deveria aparecer.

Compartilhar este post


Link para o post
Compartilhar em outros sites

fiz as alterações no localhost mas vou colocar no ar quanto ao php sendo jogado na tela como configuro o servidor?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Depende da tua hospedagem. Tem cpanel ?

 

Fale com o suporte, se não conseguir fazer diretamente pelo painel de controle.

Compartilhar este post


Link para o post
Compartilhar em outros sites

fiz as alterações no localhost mas vou colocar no ar quanto ao php sendo jogado na tela como configuro o servidor?

 

Cara consegui arruma mas tive que tirar o code PHP e troquei Doctype como você me disse quanto a configuração do servidor pode continuar me ajudando

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara consegui arruma mas tive que tirar o code PHP e troquei Doctype

lembre-se sempre de atualizar online, para eu poder ir acompanhando.

 

como você me disse quanto a configuração do servidor pode continuar me ajudando

entre em contato com o suporte da tua hospedagem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara muito obriga mesmo me ajudou muito, agora uma duvida na minha pagina de pesquisa o code php não ta escapando para tela nem a pagina de conexão com banco de dados sera que somente aquele pedaço de codigo esta escapando?

 

No mais muito obrigado mesmo

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.