Comentários sobre: CSS hacks para Firefox 3

Por: Bruno

Bruno — Wed, 29 Oct 2008 23:03:21 +0000

Duca.
Rolou show o lance do margin-top.
[]s

Brunao

Por: Marcus

Marcus — Tue, 28 Oct 2008 00:34:52 +0000

Wesley,

Muito obrigado pela colaboracao, e dalhe mais hacks nos css, hauhauhau, fazer o q neh…

Valewwww

Por: Gilberto

Gilberto — Thu, 23 Oct 2008 20:42:52 +0000

Galera p/ funcionar nos 3 browser’s coloca assim:

margin-top:0px; /* Firefox */
*margin-top:40px!important; /* IE7 */
-margin-top:100px; /* IE6 */

Por: Wesley

Wesley — Tue, 23 Sep 2008 20:40:53 +0000

Não temos problemas com margin-top com FF e IE…
Tem como colocar na web isso?

Por: kaue

kaue — Wed, 17 Sep 2008 18:47:52 +0000

opa..foi mal..realmente nao expliquei direito oq eu queria e ate me enganei…

seguinte..to usando o novo fire..e ie7
o margin-top nao funciona no fire..so no i7

ja usei hacks e nada..saca so:
CSS:
#teste {
background-color: #00FF66;
height: 500px;
width: 500px;
}
#normal, x:default {
background-color: #00CCCC;
height: 300px;
width: 200px;
margin-top: 15px !important;
}
HTML:
body

div id=”teste”

div id=”normal” ergrhgeherh /div

/div
/body

aqui no meu nao da margin top de jeito nenhum..ja tentei todos os hacks possiveis e nada..acontece isso no de vcs?

Por: Wesley

Wesley — Tue, 16 Sep 2008 04:19:36 +0000

Poderia dar um exemplo. O padding funciona sim. Como você está utilizando.
Faça um um test-drive de 3 dias em nosso ecampus, que há diversos elementos como padding sendo exemplificados na prática.

Por: kaue

kaue — Mon, 15 Sep 2008 19:15:31 +0000

estou com um problema

padding-top

nao pega de jeito nenhum no firefox 3 e no ie pega normalmente

padding-top 15px

como resolver?

Por: Arthur

Arthur — Thu, 28 Aug 2008 15:46:23 +0000

Gostaria de deixar aqui uma breve reclamação dobre a nova versão do FF. Está muito lindo e coisa e tal, mas acho que eles cairam no mesmo erro do IE, colocar versõa com diverenças absurdas entre compilação de css! Agora, queridos programadores, desenvolvedores, e cis ltda vamos ter mais um browser para se preocupar!!! mais hack para fazer, if, /**/ em nosso css,….
boa sorte a todos!!!

Por: Wesley

Wesley — Fri, 25 Jul 2008 14:04:47 +0000

Obrigado Giovani,
De qualquer forma, quando esse mínimo for totalmente dinâmico não pode não funcionar em alguns casos.
De qualquer forma, faremos um novo post sobre hacks, FFs e IEs e com certeza levaremos seus pontos em consideração, faremos algo mais prático…
Até mais.

Por: Giovani

Giovani — Fri, 25 Jul 2008 06:10:10 +0000

Olá!
Isso, no seu caso, no
#navigation ul li a
teria que setar um *width mínimo para o IE reconhecer a área toda.
Pra mim foi realmente necessário pq havia um submenu com onMouseOver na barra principal.

Estive dando uma olhada no conteúdo do site, e gostei bastante!
Parabéns!
abraço..

Por: Wesley

Wesley — Fri, 25 Jul 2008 03:00:08 +0000

Caro Giovani,
Primeiramente, obrigado pela colaboração.

Em relação ao: .menu a { *width:56px; } você teria que setar um tamanho fixo para cada item?

Em relação ao x:default, verificamos isso para diferenciar entre ff2 e ff3 e tb adotamos o x:-moz-any-link.

Abraços
E contamos com suas visitas e contribuições.

Por: Giovani

Giovani — Fri, 25 Jul 2008 02:49:40 +0000

Olá!
Cheguei aqui por acaso, procurando por css hack para IE e Firefox 3.
Tive um problema parecido com esse, mas o meu problema vcs ainda tem atualmente.
Testem o menu no IE 6.
A área útil dele vai ser somente a parte escrita do menu, já fo FF ocupa o quadrado inteiro. Isso pq o IE só aceita a área toda, se estiver declarado um width no a.

Resolvi com um hack para o IE, declarando um tamanho:
.menu a { *width:56px; }
E outro para o FF, compensando com padding:
.menu a, x:-moz-any-link { padding: 5px 8px; }

Um detalhe, x:default tb foi reconhecido pelo IE 6!
Aí usei o x:-moz-any-link e deu certo.

Abraço!
Giovani