Tabelas Mozilla vs IE [Arquivo]

View Full Version : Tabelas Mozilla vs IE

Baía

18-09-2004, 11:49

Alguém me consegue explicar pq é que eu em html desenho uma tabela com border encarnada dentro de outra tabela com border verde e em IE me mostra isto que eu QUERIA desenhar:

http://mega.ist.utl.pt/~vfgm/images/ietable.gif

E em Mozilla me mostra esta comédia:

http://mega.ist.utl.pt/~vfgm/images/mozillatables.gif

??? parece que tenho 4 tabelas...

Não foi isto que eu mandei fazer neste bocado de código... acho...

<p><html><br>
<br>
<head><br>
<title>...</title><br>
</head><br>
<br>
<body><br>
<br>
<table border="1" width="100%" id="table2" cellspacing="0" cellpadding="0"
bordercolor="#00FF00"><br>
<tr><br>
<td><br>
<table border="1" width="100%" id="table2" cellspacing="0" cellpadding="0"
bordercolor="#FF0000"><br>
<tr><br>
<td>&nbsp;</td><br>
</tr><br>
</table><br>
</td><br>
</tr><br>
</table><br>
<br>
</body><br>
<br>
</html></p>

StormhawK

18-09-2004, 12:10

< td >

< table border="1" width="100%" id="table2" cellspacing="0" cellpadding="0"
bordercolor="#FF0000" >

< tr >

devia ser
< td >

< table border="1" width="100%" id="table2" cellspacing="0" cellpadding="0"
bordercolor="#FF0000" >

< /td >< /tr >

< tr >

Pelo menos é o que eu vejo assim de repente (e como acabei de acordar, nao sou digno de muito crédito)

simaor

18-09-2004, 12:54

StormhawK

18-09-2004, 14:08

Tens razão. Eu realmente devia ter ficado na cama.

Baía

18-09-2004, 18:52

Não, a ordem de abertura e fecho das tags está correcta como ele tem.

Não será alguma "sombra" que o mozilla faz?

é realmente uma sombra que o Mozilla faz... mas pq??? pq tem a mania que é cromo???

É que isto altera-me o "look" todo do site que tou a fazer... as tabelas em IE ficam bonitinhas... em Mozilla ficam um nojo...

Chip

18-09-2004, 19:10

ver a primeira pág deste fórum em mozilla ou em ie fica diferente a altura das linhas por exemplo

Nemesis11

18-09-2004, 20:15

Vê se isto ajuda:

-------------------------------------------------------------

<html>
<title>...</title>
<style type="text/css">

table.green
{
background-color: #ffffff;
border: 2px #00FF00 solid;
border-collapse: collapse;
border-spacing: 0px;
}

table.red
{
background-color: #ffffff;
border: 2px #FF0000 solid;
border-collapse: collapse;
border-spacing: 0px;
}

</style>

<body>

<table class="green">
<tr>
<td>
<table class="red">
<tr>
<td>
blah blah blah blah blah blah blah blah
</td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

-------------------------------------------------------------

Não sou grande coisa nesta area, por isso se houver alguma coisa errada, corrijam.

P.S. : Para um moderador, como é que faço para postar codigo html sem que ele o interprete?
Tive que meter um espaço nas tags.
Thanks
EDIT: Tive que usar a tag php :(. Nem o quote, nem o code dão.

Baía

19-09-2004, 01:26

é isto mesmo... thanx....

e já agora n há maneira de, usando CSS mandar o gajo pintar todas as bordas das células da tabela???
É que quando uso o border: e especifico a cor ele só me pinta mesmo a border da tabela... e tb já experimentei usar border-color: mas népias... :(

Nemesis11

19-09-2004, 05:03

Queres alterar a cor de fundo da tabela ou só de uma celula?
O fundo da tabela por completo é só alterar o "background-color", se for por celula podes fazer qq coisa do genero:

<html>
<title>...</title>
<style type="text/css">

table.green
{
background-color: #ffffff;
border: 2px #00FF00 solid;
border-collapse: collapse;
border-spacing: 0px;
}

table.red
{
background-color: #ffffff;
border: 2px #FF0000 solid;
border-collapse: collapse;
border-spacing: 0px;
}

td.back1
{
border: 2px #FF0000 solid;
background: #5afff5;

}

td.back2
{
border: 2px #FF0000 solid;
background: #fff000;
}

</style>

<body>

<table class="green">
<tr>
<td>
<table class="red">
<tr>
<td class="back1">
blah blah blah blah blah blah blah blah
</td>
<td class="back2">
techzone
</td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

Vê os td.back1 e 2.
Se estiver alguma coisa mal (ou que possa ser melhorada), corrijam :).

EDIT: Acho que percebi mal a tua pergunta. O que queres é borders na celulas com uma certa cor?

td.back2
{
border: 2px #FF0000 solid;
background: #fff000;
}

Basta meter um "border" com Xpx para controlar a sua dimensão. Depois é só repetir em todas as celulas que quizeres. Experimenta o codigo da 1 box a ver se é isso que queres.

Baía

19-09-2004, 10:13

tá bom... obrigadão mesmo...