Ir para conteúdo

Arquivado

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

_Juliana_

Ok no IE, Erro no FF

Por , em Desenvolvimento frontend

Recommended Posts

_Juliana_    0

_Juliana_
Postado

Estou criando o site da empresa onde trabalho em tableless. Ainda não sei muito, por isso não consigo fazer direitinho no FF. Ficou legal no IE, mas no FF tá uma droga. Tem erro na index e nos formulários. Começando pela index, vou publicar as imagens dela no IE e no FF.

No IE:

Imagem Postada

 

No FF:

Imagem Postada

 

O CSS:

/* CSS Document */	*{		margin:0;		padding:0;	}	   	body{			font:62.5% Verdana, Arial, Helvetica, sans-serif;			font-size:0.8em;			color:#000000;			text-align:center;			background-color:#e7f3ff;			/* apenas para definir um padrão,			 caso não haja regra mais específica */	   }	img{	border:0px;	}		#geral{		width:782px;		margin:0 auto;		text-align:justify; 		background-color:#ffffff;		display:table;	}        #links a{      padding:0 15px 0 15px;	  text-align:right;   }   		#links{	                height:50px;   }   a {   text-decoration:none;   }   a:link{	color:#000000;   }   a:visited{	font-style:italic;	color:#000000;   }   a:hover{	color:#666666;   }    #logo{     height:96px;    }    #conteudo{        padding:10px;		height:100%;   }    #conteudo ul{        margin-top:10px;        margin-left:25px;    }    #rodape{	   clear:both;	   text-align:center;	   background-color:#99ccff;    }		#conteudo ul li{	list-style-type: none;	display: block;	float:left;	text-align:justify;    }		<!-- // INICIO - Estilo na parte de notícias da Index -->	#news{	border-color:#076aff;	border-style:double;	border-width:1px 0 1px 0;	width:340px;	height:90px;	}		#noticias {	clear:both;	float:left;	}		atendimento{	float:right;	}	<!-- // FIM - Estilo na parte de notícias da Index -->    <!-- // INICIO - Estilo da Index -->		.banner{	width:720px;	height:90px;	}		.coluna1{	width:180px;	height:130px;    }		.larguramedia{	width:340px;	height:130px;    }			<!-- // FIM - Estilo da Index -->	<!-- // Formulários -->	form ul li{	width:550px;	height:20px;	text-align:right;	border:1px #99ccff solid;	}		.produtos, .servicos{	width:200px;	} 		input, textarea{	border:1px #99ccff solid;	background-color:#FFFFFF;	}
No HTML:

<!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><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>VVS Sistemas - Sistema de Gestão Comercial Integrado</title><link rel="stylesheet" href="css/estilo.css" type="text/css" /><link rel="stylesheet" href="css/menu.css" type="text/css" /><script language="javascript" src="js/menu.js" type="text/javascript"></script></head><body><div id="geral">	<div id="logo"><a href="http://www.vvssistemas.com.br"><img src="images/topo3.jpg" alt="VVS Sistemas" /></a></div>	<div class="menu-hv">	  <ul>		<li><a href="#">Empresa</a>			<ul>				<li><a href="empresa/institucional.asp">Institucional</a></li>				<li><a href="empresa/historia.asp">História</a></li>				<li><a href="empresa/visao.asp">Visão</a></li>				<li><a href="empresa/missao.asp">Missão</a></li>				<li><a href="empresa/principios.asp">Princípios</a></li>				<li><a href="empresa/politica_de_qualidade.asp">Política de Qualidade</a></li>				<li><a href="empresa/serhumano.asp">Ser Humano</a></li>				<li><a href="empresa/responsabilidade_social.asp">Responsabilidade Social</a></li>			</ul>		</li>		<li><a href="#">Produtos</a>			<ul>				<li><a href="produtos/software.asp">Software</a></li>				<li><a href="produtos/equipamento.asp">Equipamento</a></li>				<li><a href="produtos/suprimento.asp">Suprimento</a></li>				<li><a href="produtos/download.asp">Downloads</a></li>			</ul>		</li>		<li><a href="#">Serviços</a>			<ul>				<li><a href="servicos/software.asp">Software</a></li>				<li><a href="servicos/equipamento.asp">Equipamento</a></li>				<li><a href="servicos/criacaodesite.asp">Criação de Site</a></li>			</ul>		</li>		<li><a href="clientes.asp">Clientes</a></li>		<li><a href="trabcon.asp">Trabalhe Conosco </a></li>		<li><a href="orcamento.asp">Orçamento</a></li>		<li><a href="http://www.vvssistemas.com.br/loja/sessoes.asp?item=62">Comprar</a></li>		<li><a href="suporte.asp">Suporte</a></li>	  </ul>	</div>	<div id="conteudo">		<ul>			<li class="coluna1">				<img src="images/caixa.jpg" alt="C-Plus" /><br /><br />				<a href="comprar.asp">					<img src="images/comprar_index.gif" alt="Clique para comprar" />				</a>			</li>			<li class="larguramedia">				<strong>Notícias</strong>				<div id="news">			    </div>			  Você procura agilidade, dinâmica e segurança para sua empresa?<br />Evolua para o c-plus.<br />Indústrias, fábricas e distribuidoras em geral, lojas de atacado  e varejo em geral, mercados e mini mercados, farmácias e drogarias, escritórios de negócio e etc.<br /><br /><br />Maiores informações, ligue para:<br /> <strong>(0xx21) 3405-9500 / 3394-2800</strong> ou   envie um e-mail para <strong><a href="mailto:atendimento@vvssistemas.com.br?subject=Maiores%20informações">atendimento@vvssistemas.com.br</a></strong><br />Horário de atendimento: 09:00 a 18:00 hs, de segunda a sexta.<br /><br />				<a href="produtos/download.asp"><img src="images/baixar.gif" alt="Baixar" /></a><br /><br />			</li>			<li class="coluna1"> 				<img src="images/palm.jpg" alt="Palm" /><br /><br /><br /><br />				<img src="images/powered_fb.gif" width="120" height="40" alt="Powered by Firebird" />			</li>		</ul>		<ul>			<li class="banner">				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="468" height="60">				  <param name="movie" value="flash/banner1.swf" />				  <param name="quality" value="high" />				  <embed src="flash/banner1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed>				</object>			</li>		</ul>   	</div>	<div id="rodape">VVS Sistemas - Copyright © 2001-2006     Tel/Fax: (0XX21) 3405-9500 / 3394-2800 </div></div></body></html>

Bom, Agradeço muito se me ajudarem.

Fazer cheio de tabela acho que não fica bem...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Estou criando o site da empresa onde trabalho em tableless. Ainda não sei muito, por isso não consigo fazer direitinho no FF.

Se você não sabe muito, te que estudar o basicão. Leia os links abaixo.CSS desde o inícioCSS Link ColectionE tente postar links, fica mais fácil para todos ajudarem.[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

O bacana é começar com layouts hibridos(tables pra diagramação, css pra formatação, cores, etc), e depois partir para os padrões "pra valer" http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Juliana_    0

_Juliana_
Postado

#INSIDE#,Usar tabelas? acho que não daria certo.Acontece tb que eu não posso usar todo tempo pra aprender devagar. Estou no trabalho, tudo tem que ser rápido.

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Juliana_    0

_Juliana_
Postado

Talvez eu esteja pedindo demais pra vcs, mas eu preciso de um tutorial que já conte com os erros do FF ou do IE. Eu não entendo pq dá certo no IE e não no FF. Tenho que colocar um código diferente pra cada um?

Compartilhar este post

Link para o post
Compartilhar em outros sites

guicisoto    0

guicisoto
Postado

se deu certo no ie e errado no ff, tem erro com certeza. é assim o ie ele le qualqer coisa ja ff so le o que ta certo.evita usar testo justificadoo display é blocke assim vai

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

#INSIDE#,Usar tabelas? acho que não daria certo.Acontece tb que eu não posso usar todo tempo pra aprender devagar. Estou no trabalho, tudo tem que ser rápido.

Não estou defendendo sites com tabelas pra formatação, só estou te dando uma dica, se você está começando, não comece direto um projeto grande sem tabelas, misture um pouco o conceito de WS com Tabelas pra diagramação. É o ideal pra quem está começando.Se você já domina totalmente o tableless ignore a minha dica.Sobre tutorial, tem esse meu tuto de layout, acredito que seja util.abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Juliana_    0

_Juliana_
Postado

guicisoto e #INSIDE#,Agradeço muito a dica de vcs (e todas as anteriores tb). Acredito que agora, com todos esses links ótimos, eu consiga dar um jeito naquele erro. Quando der tudo certo eu volto aqui pra dizer oq era.VALEU!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

guicisoto e #INSIDE#,

 

Agradeço muito a dica de vcs (e todas as anteriores tb). Acredito que agora, com todos esses links ótimos, eu consiga dar um jeito naquele erro. Quando der tudo certo eu volto aqui pra dizer oq era.

 

VALEU!!!

Que bom Juliana, esperamos que volte e nos mostre o resultado com certeza!

 

[]'z

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Juliana_    0

_Juliana_
Postado

guicisoto,meu erro foi idiota, mas sua dica foi essencial. Eu não sabia que essa era a diferença: o ie aceitar erros e o ff não.Mas foi isso mesmo. Eu deixei de atribuir uma altura e o IE empurrou o limite da camada para adaptar o conteúdo. Já o FF não. O conteúdo passou o limite da camada. É só dar uma olhada na imagem que eu postei.Não quero dizer que os outros tenham sido menos importantes, pois os sites postados e as dicas são geniais! Vcs são verdadeiros profissionais.Obrigada.

Compartilhar este post

Link para o post
Compartilhar em outros sites

guicisoto    0

guicisoto
Postado

Juliana

É isso ai juliana tu ta no caminho certo. Parabéns

sempre q precissar estamos ai para ajudar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

ha quando terminar manda o link pra eu conferir seu trabelho

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito