15 replies to this topic

[ROGERIO.RIOS]

Tenho paginas que mostram as notas de alunos da escola onde desenvolvo. Mas no firefox fica desconfigurada. O que pode ser ?

http://www.faetec.rj..._2007_2BIM.html (olhem no IE e no FF )

E tem essa pagina tambem ( mas essa acho que ja é problema CSS + FIREFOX )

http://www.faetec.rj.../biblioteca.htm

[adventure]

Olá Rogério

Isso acontece porque você colocou o nome entre <p>Nome</p> e ele já tem uma formatação padrão.

Coloca no CSS o seguinte p { margin:0px; }.

Tá resolvido!

Até mais

Fábio

[ROGERIO.RIOS]

Fabio, essa dica sua é pra diminuir ( juntar ) as linhas , né ?
Voce viu, lá embaixo (no fim da pagina ) as legendas das notas ficam sem formatação no FIREFOX
E a pagina da biblioteca , o que vc acha ?

[bimonti]

Está com vários problemas com nested tags. Além de algumas não fechadas.

Nested seria isso:

<p><b></p></b>

Correto:

<p><b></b></p>

Se você tem certeza que ordenou certo as tags, veja se não faltou fechar nenhuma. O head é uma das que está com erro.

E no fim da página você não colocou a fonte como verdana 1 como no começo. Repare que você definiu isso, mas fechou a tag em seguida. Como outra deve estar aberta anteriormente no FF ele ignorou.

[ROGERIO.RIOS]

Bom Dia Bimonti.
Inclui a linha que voce falou no meu sistema que gera a pagina :
=Fput(gnErrFile, '<font face="Verdana" size="1" >') e a configuração do "rodapé" da pagina está ok ! Obrigado.
E sobre a pagina da biblioteca ( onde uso CSS - peguei um pronto e fui acertando ), o que deve ser ? Tenho que postar o CSS , né ?

[bimonti]

Onde acontece o erro nessa página da biblioteca ?

Movi para CSS.

Se quiser postar o código fique a vontade. Caso seja muito extenso utilize codebox por favor.

[ROGERIO.RIOS]

O link que dá erro ( digo , fica ok no INTERNET EXPLORE e não NO FIREFOX) . É esse.

http://www.faetec.rj.../biblioteca.htm

Esse, CSS, eu peguei pronto e fui adaptando. E como disse no IE funciona e no FF não.
http://www.faetec.rj.../biblioteca.htm

/* CSS Document */body {background:#e8eaec; */*background:#99CCFF; */font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}/*a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #800040; text-decoration: none}a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #800040; text-decoration: none}a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000 }*/#header 	{	background-color: #EBEBEE;	text-align: left;	visibility: visible;	position: relative;	height: 68px	}#container{	width:660px;	margin:20px auto;	padding:1px 0;	text-align:left;	background:#ffffff;	color:#303030;	border:1px solid #a0a0a0;}#containernotas{	width:660px;	margin:20px auto;	padding:1px 0;	text-align:left;	background:#ffffff;	color:#303FFF;	border:1px solid #a0a0a0;}#navbar 	{	color: white;	font-size: 9px;	line-height: 16px;	background-color: #999999;	text-align: center;	letter-spacing: 2px;	margin-bottom: 15px;	height: 16px	}#logo 	{	margin: 0 10px 10px 18%;	height: 95px	}#midsection	{	color: #00;	font-family:verdana;	font-size:10px;	background: transparent;	margin: 0 25% 0 25%}#midsection2	{	color: #00;	background: transparent;	margin: 0 75% 0 5%	}#footer 	{	color: white;	font-size: 9px;	line-height: 16px;	background-color:#999999;	text-align: center;	letter-spacing: 6px;	height: 16px	}#listanav{padding-left: 0;margin-left: 0;border-bottom: 1px solid gray;width: 200px;}#listnav li{list-style: none;margin: 0;padding: 0.25em;border-top: 1px solid gray;}#listanav li a { text-decoration: none; }a {color: white;text-decoration: none}a:hover {color: #000000;text-decoration: none}/*.style2 {font-size: 18x}.style3 {color: #990000}*/.style4 {font-size: 12px; color: #990000; }.style3 {font-size: 12px;color: #990000} ;.style4 {color: #990000} ;.buttonscontainer {background-color:#999999;width: 10px;}

[adventure]

Problema resolvido!!!

Primeiro vamos acertar o título do seu tópico: Pagina Simples, Funciona no FF e NÃO no IE (O problema é sempre do IE, lembre-se disso --- hahahahaha)

Seu CSS

/* CSS Document */

body {
background:#e8eaec; 
*/*background:#99CCFF; */

Veja que na linha 5 o comentário está errado, o correto é /* comentário */. Você colocou um asterisco a mais no começo, é ele que está dando problema.

Até

[ROGERIO.RIOS]

Não vou poder testar agora. Voce viu o link que passei ? Voce viu a diferenca entre FF e IE ? E voce acha que acertando o background, vou poder ver o que ( no IE eu via ( um "menu")) e que NÃO estava vendo no FF ?

[adventure]

Sim, você verá o menu!

[ROGERIO.RIOS]

Caro Adventure, poxa, não adiantou. Mudei o CSS, e subi o arquivo e abri e ainda nao vejo o menu...será que há outro BUG no meu CSS ?

Edição feita por: ROGERIO.RIOS, 25/10/2007, 15:16.

[adventure]

Veja lá que te várias correções, você tem que colocar ; no final de cada instrução no css.

No HTML você repetiu o:

<body>
<div id="container" >
		
<body>
<div id="container" >

[bimonti]

É melhor analisar esse arquivo inteiro. Foi mais ou menos o mesmo problema com o HTML anterior. As vezes não fechar uma tag, ou não delimitar uma instrução CSS não causará nada grave, mas tem casos que nem o Mestre Kanafa consegue prever os resultados.

[ROGERIO.RIOS]

Ok, Bimonti Vou Olhar. Mas deixa eu te explicar ( pois me pareceu que estou sendo burro em não procurar esses erros básicos ) Sou programador não para web e minha aplicação é que gera as paginas que levo para o site (o sistema escolar de onde trabalho desenvolvi por conta propria e por iniciativa minha sem apoio, logo nao tinha como desenvolver em PHP / ASP / JAVA. nem onde hospedar - hospedei inicialmente em uma droga de CRIANDOSITE só para mostrar a DIREÇÃO DA MINHA ESCOLA o que poderiamos ter se me desse "SUPORTE") . Como eu não sabia o porque do FF fazia essa configuração diferente do IE, então resolvi buscar ajuda aqui no FORUM. Eu tinha testado no IE, e só depois de um tempo fui verificar no FF. Entao me deparei com essa 'anomalia'. Achei que tivesse que mudar meu codigo para adaptar ao FF. Agora vejo que o IE é que não verificou ( na meu mundo "compilou") direito o erro que eu causei.
Agradeço pela atenção. E pode deixar que não vai precisar consultar o Mestre Kanafa.
Ah, OBRIGADO AO SR. ADVENTURE, mesmo !

[bimonti]

Pelos posts antigos seus eu lembro que você trabalhava com programação desktop. Tem uma forma de programar que eu uso, se quiser pode buscar no google por patterns que tem muita coisa. Ao invés de usar linguagens dinâmicas para gerar HTML, eu tento separar as camadas.

Exemplo 1:

<?php
echo "<table>
<tr>
<td>".$foo."</td>
</tr>
</table>";
?>

Exemplo 2:

<table>
 <tr>
   <td><?php echo $foo; ?></td>
 </tr>
</table>

No exemplo 1, toda a saída é gerada pelo PHP, mas eu costuma usar a forma do exemplo 2, dessa forma, qualquer designer, sem conhecimento em progamação consegue modificar a estrutura do arquivo, além de ficar mais legível e você se certificar que não está nada errado. Nessa estrutura do exemplo é muito fácil entender, mas para algumas mais complexas, onde ela é gerada em diversas partes, acontece muito de esquecer uma tag aberta, etc.