Ir para conteúdo

POWERED BY:

Arquivado

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

Ederson Dallabrida

Dimensões de textbox mudam no HTML5?

Por , em Desenvolvimento frontend

Recommended Posts

Ederson Dallabrida    0

Ederson Dallabrida
Postado

Está me acontecendo uma coisa muito sinistra...

 

Fui validar meu site http://emprobr.com/ e encontrei muitos erros... um deles é a repetição do <meta charset="iso-8859-1"/>...

 

pois este charset está contido na index.php e na config.php que é requerida... até ai tudo bem...

 

 

Tirei o charset da config.php e o problema foi resolvido. Porém, me surgiu um novo problema:

Todos os campos do tipo 'Input' ficam com seus tamanhos diferentes.

 

 

Tenho em meu css o seguinte:

#campo_busca { background-image:url(design/lupa.png); background-position:right; background-repeat:no-repeat; border:1px solid #CECCCA; color:#999; height:30px; padding:6px; width:400px; }

 

 

 

segue abaixo duas imagens para comparar..

 

http://emprobr.com/css1.png

http://emprobr.com/css2.png

 

Consigo resolver o problema mudando as dimensões, porém, acredito que esta não seja a forma correta, pois meu campo precisa ficar com 16px de altura...

 

 

Isso ocorre com todos os TextBox da minha página...

 

A unica coisa que reparei, é que se eu colocar o <meta charset="iso-8859-1"/> antes do <!doctype html> o site funciona corretamente... porém, o charset fica fora das tags DocType, HTML, HEAD e até onde eu sei, é errado fazer isso... até por que o validator.w3.org acusa como erro...

 

já tentei copiar o conteudo do config.php para a index.php e o problema persiste... só consigo resolver se informar o <meta charset="iso-8859-1"/> antes do <!doctype html>.

 

 

Preciso de uma luz!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

No seu config.php inclua isso aqui:

header('Content-Type: text/html; charset=iso-8859-1');
antes de qq output

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ederson Dallabrida    0

Ederson Dallabrida
Postado

No seu config.php inclua isso aqui:

header('Content-Type: text/html; charset=iso-8859-1');
antes de qq output

 

 

Opa! Obrigado pela resposta, mas infelizmente não funcionou, pois já havia tentado isso antes...

Minha solução foi alterar minhas dimensões no CSS mesmo.

 

 

A conclusão que tive é mais ou menos assim:

• Antes o padding dentro de textbox valia apenas para fonte.

• Agora (HTML5 - Linguagem que não está completamente definida) o padding se aplica ao proprio textbox, dessa forma, precisa-se descontar o padding e border do tamanho total do textfield.

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