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

RayBacK

Como acabar com os problemas dos diferentes browsers.

9 mensagens neste tópico

Acho que é um dos problemas para todos os webdesigners até mesmo para os profissionais é um site trabalhar no IE mas no FF não ou vice versa.

Pelo que li em vários artigos achei um CSS que faz com que os problemas acabem.  :)

Aqui fica.

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0pt;
padding:0pt;
}
table {
border-collapse:collapse;
border-spacing:0pt;
}
fieldset, img {
border:0pt none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0pt none;
}
body {
font-family:arial,helvetica,clean,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
table {
font-size:inherit;
}
select, input, textarea {
font-family:arial,helvetica,clean,sans-serif;
font-size:99%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
pre, code {
font-family:monospace;
font-size:115%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
body * {
line-height:1.22em;
}

Com este css os sites já não vão aparecer de maneiras diferentes em diferentes browsers, porque este css faz com que o default CSS de cada browser seja inútil.  :cheesygrin:

Uma das desvantagens  é que se adicionares isto a site já feito é possível que o site não fique como desejado, só recomendo o uso deste CSS se começarem a fazer um site novo. Para isso é só criar um ficheiro em CSS com o código em cima e depois adicionar o CSS que desejar noutro ficheiro.

Enjoy  :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

parece ser interessante... será que eliminará o problema do box model?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

duvido, pois isso já tem a ver com a interpretação que cada browser faz do css como por exemplo incluir a border na width do elemento

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

pois, eu sei... por isso a minha pergunta... como o ie é enganado de tanta maneira, podia ser que assim também se "baralhasse" e fizesse as coisas como devem ser...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

pois, eu sei... por isso a minha pergunta... como o ie é enganado de tanta maneira, podia ser que assim também se "baralhasse" e fizesse as coisas como devem ser...

ahahahahahhahaha

tambem eu gostava de o ver a funcionar como esperado

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não acredito que resolva todos os problemas, nomeadamente aqueles que são bugs de rendering... Isto basicamente aplica um estilo a todos os elementos, de forma a que qualquer elemento que não tenha um estilo aplicado explicitamente vai comportar-se igual em todo o lado. Supostamente...

Eu cá uso uma regra deste género

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

que basicamente remove as margens e paddings de todos os elementos. Agora é a tal coisa, não resolve o problema dos bugs... :/

Ah, e não se esquecam de usar um DOCTYPE válido, é mais um passo para ter resultados mais consistentes (nomeadamente a nível do box model).

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Para ter as coisas da mema maneira q tenho no firefox (se n fica bem de imediato no ie) eu costumo por uma * ou seja

body {

margin:0px;

*margin:5px; /*So o ie é q vai ler este*/

}

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