Ir para conteúdo

POWERED BY:

Arquivado

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

mari_sanchesr

Espaço Indesejado

Por , em Desenvolvimento frontend

Recommended Posts

mari_sanchesr    0

mari_sanchesr
Postado

Olá, estou com um pequeno problema. Acredito que seja de fácil solução, mas já estou a algum tempo travada nele e decidi recorrer ao fórum.

 

http://marisanches.com.br/recover/contato.php

 

No Chrome existe um espaço de mais ou menos 15px de altura entre o começo da tela do navegador e o meu menu. Mas isso só no Chrome mesmo, no Firefox está normal. Já zerei margin e padding no CSS mas não consegui nenhum resultado. O que pode ser? Como arrumar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

achei uma pista do problema, coloca o font-size do body com 0px e vai voltar ao normal. porém o font-size no body não tem nada haver com espaçamento.

 

realmente é algo muito estranho, os margins e paddinds não parecem ser o problema.

 

 

usando a developer tools do chrome clicando em F12 você vai perceber outra coisa estranha. as tags que estão dentro da <head> aparecem dentro do <body>.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Primeiro:

 

-> valide seu html

http://validator.w3.org/check?uri=http%3A%2F%2Fmarisanches.com.br%2Frecover%2Fcontato.php&charset=%28detect+automatically%29&doctype=Inline&group=0

 

 

Qndo terminar informe, que ai continuamos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

DesenvolvedorRoger    50

DesenvolvedorRoger
Postado

O problema(que não tem nada de problema) é a sua UL, simples assim... estilize ela e veja o resultado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

mari_sanchesr    0

mari_sanchesr
Postado

Tá complicado. =/ A dica do font-size:0px estranhamente funciona, mas detona todo o resto, não dá. Já revi toda a questão do style da lista (UL) do meu menu e ainda assim não consegui descobrir onde fica o problema.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

@mari_sanchesr,

 

Valide seu site na w3c. Primeiro corrija os erros de sintaxe.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

o final do seu código está assim:

 

</body>
</html>  
</div>
</body>
</html>

 

 

percebe algo errado acima?

 

- a questão do font-size 0 não foi dica foi apenas uma constatação.

- seu formulário está dentro de um paragrafo reveja as regras de box model.

- não use tabelas.

 

seu código está inválido.

Compartilhar este post

Link para o post
Compartilhar em outros sites

mari_sanchesr    0

mari_sanchesr
Postado

Tentei validar, mas os erros são sobre o Doctype que não aceita meta e outras coisas e eu até agora não entendi o porquê disso... O_o

http://validator.w3.org/check?uri=http%3A%2F%2Fmarisanches.com.br%2Frecover%2Ftestando_validacao.html&charset=%28detect+automatically%29&doctype=Inline&group=0

 

Acabei por transformar a página em html puro, sem incluir o header e footer através de includes para ver o que acontecia. E não é que o espaço some?! http://marisanches.com.br/recover/testando_validacao.html

 

Esse erro de fechamento de divs e tags eu já arrumei, agora tá certinho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

As suas metas e os seus atributos estão errados.

 

Copie de outro site e valide. Ai podemos continuar analisando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

LeoO_DF    22

LeoO_DF
Postado

Eu também tenho esse "Problema" eu simplesmente coloquei o menu como fixed, e retirei o fixed com javascript no scroll isso funciona mais não é bom x.x

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o seu php ainda não está validado.

 

http://validator.w3.org/check?uri=http%3A%2F%2Fmarisanches.com.br%2Frecover%2Fpromocoes.php&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices

Compartilhar este post

Link para o post
Compartilhar em outros sites

DesenvolvedorRoger    50

DesenvolvedorRoger
Postado

Olá! Que bom que resolveu... Minha resposta foi meio corriqueira pois já tive problemas com UL, mais ou menos nesse sentido...

 

---


A questão da assinatura está relacionada a codificação usada na página. Essa assinatura é interpretada pelo navegador antes mesmo de interpretar o código php ou html.

O BOM(Byte Order Mask) é uma padrão inserido no começo de um arquivo para indicar se ele utiliza Little Endian ou Big Endian. O BOM consiste de 2 bytes logo no início do arquivo dispostos em um padrão que permite o programa saber a codificação esperada.


*O php tinha um bug relacionado a isso, não sei se resolveram... mas a esperança era que o php6 resolvesse isso de vez.

https://bugs.php.net/bug.php?id=22108

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