Tabelas Mozilla vs IE

B

Baía

Power Member
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:

ietable.gif


E em Mozilla me mostra esta comédia:

mozillatables.gif



??? parece que tenho 4 tabelas...

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

<p>&lt;html&gt;<br>
<br>
&lt;head&gt;<br>
&lt;title&gt;...&lt;/title&gt;<br>
&lt;/head&gt;<br>
<br>
&lt;body&gt;<br>
<br>
&lt;table border=&quot;1&quot; width=&quot;100%&quot; id=&quot;table2&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;
bordercolor=&quot;#00FF00&quot;&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;<br>
&lt;table border=&quot;1&quot; width=&quot;100%&quot; id=&quot;table2&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;
bordercolor=&quot;#FF0000&quot;&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;<br>
&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;<br>
<br>
&lt;/body&gt;<br>
<br>
&lt;/html&gt;</p>
 
< 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)
 
StormhawK disse:
< 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)
Clicar para expandir...
Não, a ordem de abertura e fecho das tags está correcta como ele tem.

Não será alguma "sombra" que o mozilla faz?
 
simaor disse:
Não, a ordem de abertura e fecho das tags está correcta como ele tem.

Não será alguma "sombra" que o mozilla faz?
Clicar para expandir...

é 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...
 
Vê se isto ajuda:

-------------------------------------------------------------
PHP: 
<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.
 
Última edição:
é 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... :(
 
Última edição:
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:

PHP: 
<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?

PHP: 
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.
 
Última edição:
Inicie sessão ou registe-se para poder participar.
Back
Topo