Largura de colunas IE x FF

[Márcio Elias 0]

Boa noite pessoal....

 

Seguinte, to fazendo uma classe em php pra gerar um datagrid para acesso a dados MySQL via AJAX, até ai tudo bem, bom tenho uma tabela com uma unica linha que contém os titulos da tabela (SQL), e outra tabela a baixo dessa com várias linhas, mostrando o conteudo da tabela (SQL), acho que deu pra entender neh, isso ta dentro de um div, que rola a tabela com os dados e a dos títulos permanece no topo, o problema está entre as duas tabelas html, a dos títulos e a dos dados, elas tem uma determinada largura em pixels, e suas solunas em %, isso é feito automaticamente pelo PHP, para que contenha todos os campos da tabela (SQL) consultada, no IE7 elas ficam idênticas, em largura, dando a impressão de uma unica tabela com a primeira linha fixa no topo, jah no FF2 em determinadas colunas aparece uma diferença de alguns poucos pixels, e isso ta me intrigando, quem quiser ver na pratica segue o link:

 

DataGrid exemplo

 

abram no IE e no FF, verão a diferença que falei, se alguem souber por que disso, apreciaria muito a dica... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Márcio Elias

[Maujor 144]

Para renderizar igual no IE e FFox adicione a seguinte regra CSS:

.block_data {
height:1%;
........
}

[Ted k' 126]

pq você não fixa uma dimensão com px e não com %

[Maujor 144]

pq você não fixa uma dimensão com px e não com %

Você testou uma dimensão com pixel?

Se tivesse testado iria ver que não resolve!

[Ted k' 126]

Hum... entendi o que quiz dizer, mais Maujor teria que ter tudo em % ou só o height?

[Guilherme Rambo 4]

Ted, pelo que sei somente o height, para corrigir o problema do tamanho ;)

 

[]'s

[Ted k' 126]

É isso mesmo, é eu que estou postando m*****, estava com um problema desse e agora que a luz chegou e resolvi, tomara que o amigo resolva tbm

[Márcio Elias 0]

Primeiramente muito obrigado pela atenção, mais infelizmente não resolveu. Sinceramente não sei por que a renderização é diferente, vou instalar o opera e ver como fica, não que seja um problema, mais não ta "perfeito". Ha além de em px tmb não resolver, se você der um duplo clique em uma célula, vai aparecer um input text, pra editar o valor, com as colunas em pixels, não tinha como esse campo ocupar toda a largura da coluna, e a tabela em sí, em pixels por que do contrário não consegui fazer funcionar a rolagem da div que tem scroll.... se tiverem mais alguma sugestão postem ai, vou continuar tentando, a minha intenção alem de usar essa classe é claro é colocar no php-classes, se alguém se interessar é soh pedir, tmb estou aberto a sugestões e/ou críticas. Obrigado.Márcio Elias

[Márcio Elias 0]

Humm.... pior que no Opera 9.21 ficou 100% tmb, soh no FF que não vai.... soh para ilustrar bem o problema, segue os prints dos 3 browsers...

 

Opera 9.21

 

 

IE7

 

FF2

 

eh isso ai...., qualquer coisa que der na telha de vcs a gente testa beleza...

 

Márcio Elias

[ALT 0]

Pessoal,Ando procurando uma solução "única" para resolver problemas de compatibilidade entre os vários browsers, o que para mim está sendo a maior dor de cabeça no desenvolvimento Tableless. Não achei alguma coisa "completa" sobre isso, apenas dicas em tutos, ou resolução de problemas isolados. Sugiro que "alguém" com experiência nisso faça um artigo, tuto, vídeo, qq coisa que possa ajudar. Também não encontrei um manual "completão" internet (algo que dê para imprimir e ler no banheiro ... hehehe), manual mesmo de CSS, do tipo ... Display se usa para isso ... e se usar, display: table; acontece isso ... se usar display: block; acontece aquilo ..., ou se o pessoal me indicar um BOM livro, estou querendo investir em conhecimento de qualidade.Bom, aguardo indicações.

[Guilherme Rambo 4]

Alt, não existe solução pra todos os problemas de compatibilidade, apenas soluções isoladas como você mesmo disse. No começo é complicada essa questão de diferenças, mas depois você vai driblar isso tranquilamente[]'s

[ALT 0]

#INSIDE#,e um manualzão de CSS ?

[Guilherme Rambo 4]

http://www.w3schools.com

 

[]'s

[webflex 0]

http://www.maujor.com

 

Cumps \o/

[ALT 0]

Pessoal,

 

Claro que o site do grande mestre Maujor é ótimo, mas encontrei o que eu estava procurando no http://www.w3schools.com/css/default.asp, que infelizmente eu não conhecia, mas recomendo é muito bom.

 

Sobre as diferenças dos browsers, fiz alguns testes lá no w3schools.com, e descobri que realmente as diferenças na composição da página é grande.

 

<html><head><style type="text/css">img {float:right;border:1px dotted #666;margin:0px 0px 15px 20px;padding: 15px;}</style></head><body><p>In the paragraph below, the image will float to the right. A dotted black border is added to the image.We have also added margins to the image to push the text away from the image:0 px margin on the top and right side, 15 px margin on the bottom, and 20 px margin on the left side of the image.</p><p><img src="logocss.gif" width="95" height="84" />This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.</p></body></html>

 

 

 

A idéia era ficar como está no FF, mas no IE a borda ficou bem diferente, além do padding e margin.

[Márcio Elias 0]

Aleeeeeeee até que enfim resolvi o problema simples assim:

table {table-layout: fixed}

é isso ai galera, valeu o apoio de todos vcs são 10...Márcio Elias