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

c3ejo0

Hack para o Chrome

Recommended Posts

c3ejo0

Boas!

Estou a desenvolver um site e à medida que avanço vou vendo como fica para outros browsers, fazendo as devidas alterações caso seja necessário. Como browser principal utilizo o Firefox e depois vejo como fica no IE8, IE 7 e Chrome.

A minha duvida é a seguinte: Da mesma forma que no IE7 coloco  um * antes da propriedade que pretendo alterar (por ex: .classX{.... left:5px; *left:10px;}), existe algum caracter ou outra forma para fazer para o Chrome, ou tenho que criar um CSS a parte??

Cumprimentos

Share this post


Link to post
Share on other sites
c3ejo0

Sim CSS Reset... tenho, sempre tive!  :) e não resolve a questão.

Mais ideias e sugestões são bem-vindas!

Obrigado!

Share this post


Link to post
Share on other sites
yoda

Primeiro convém saber programar, e conhecer bem os diferentes comportamentos de cada browser. Convém dizeres o que é que não funciona bem, porque na maioria dos casos o problema não é do browser, mas sim do modo como se tenta chegar aos resultados. Hoje em dia já se fazem sites com um único CSS e suporte a todos os maiores browsers, sem recurso a hacks.

Share this post


Link to post
Share on other sites
c3ejo0

Sim, tens razão!

Um dos problemas é o seguinte: Na área de conteúdos tenho do lado esquerdo uma imagem e do lado direito toda uma área (denominada de "produtos-info") dedicada ao nome da imagem, descrição etc. No FF e IE tudo bem, isto é a área da direita fica a ocupar o restante espaço livre deixado pela imagem (definido pelo width). Ja o chrome não "respeita" a largura que defini tornando-se maior que o espaço livre, passando assim para baixo da imagem!

em termos de código é o seguinte:

.produtos-info{
float:right;
position:relative;
width:355px;
height:auto;
background-color:#06F;
padding-left:50px;
text-align:left;
font-family:Helvetica;
}

Será do código?

Share this post


Link to post
Share on other sites
c3ejo0

Para já não está online!

mas relativo a esse pequeno problema que descrevi já resolvi. Deveu-se a mesmo a problemas de código. O problema era na class do conteúdo principal que tinha a propriedade display:inline-table, e alterei para inline-block e já ficou nos conformes!

Vou ter que rever algum código de css por ter detectado mais problemas com o Chrome.

A minha intenção com a criação do tópico era mesmo saber de algum hack como existem para o IE. Já pesquisei e tentei umas coisas, mas como não resolveu pensei que aqui a comunidade soubesse!

Mais uma vez obrigado Yoda

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.