• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

GpL

[duvida] problema com div de caixa de texto e incompatiblidade de browser

12 mensagens neste tópico

O centrar de que falas é na vertica,l não é?

É que se não for não entendo

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

No style da div #content fazes:


#content {
margin-top:-70%;
padding-left:30%;
width:460px;
height:550px;
text-align:left;
}

Desta forma fica bem em Firefox mas em IE não.

Se preferes que funcione em IE pões assim:


#content {
margin-top:-60%;
padding-left:30%;
width:460px;
height:550px;
text-align:left;
}

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Coloca um DOCTYPE válido no documento, eventualmente poderás ter de alterar o CSS, mas deverá funcionar bem em "todos" os browsers recentes.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Logo no início do documento, antes da tag <html>. Tens aqui uma lista de doctypes recomendados pela W3C, escolhe o adequado ao teu documento (HTML/XHTML).

E experimenta a sugestão do nram, também dá jeito, ou até podes por no CSS esta regra:

* { margin:0px; padding: 0px; }

isso vai colocar o margin e padding de todos os elementos á zero, ajuda muito em manter os layouts o mais parecido possível em todos os browsers.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

com o margin e o padding resolve problema... mas depois se quiser centrar ou meter para a esquerda... fica diferente com 1px...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O CSS?

Ou colocas num ficheiro externo, e chamas esse ficheiro na secção <head> do ficheiro HTML, assim deste género:

...
<head>
<link rel="stylesheet" type="text/css" href="caminho/do/ficheiro.css" />
...

ou então directamente no próprio ficheiro HTML, numa tag <style>, assim:

...
<head>
<style type="text/css">
/* código css, neste caso: */
* { margin: 0px; padding: 0px;
</style>
...

e é isto.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Logo no início do documento, antes da tag <html>.(...)

Ando doido, já me tou a citar a mim próprio..! :eek:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora