css problema con cosas dentro de cosas

Iniciado por Kase, 12 Junio 2011, 03:09 AM

0 Miembros y 1 Visitante están viendo este tema.

Kase

esta es mi estructura

Citar<table>
<table>

<div id='tablita'>
<table> </table>
</div>

y mi css
Citar
table{ border: 0px;}
#tablita table{border:1px;}


en teoria deberia desplegarse distinto.. pero en ie y firefox y chrome me pone borde en las dos tablas...
y no se si mi sintaxis esta mal o que rollo

WHK

las tablas llevan tbody thead tr y td..

Citar<table>
<body>
<tr>
<td>a</td>
<td>b</td>
</tr>
</tbody>
</table>

Lo más probable es que intenet explorer no esté interpretando table correctamente por ausencia de los demás tags. Aparecen bién en firefox y todos los demás porque son exploradores con un interpretador muchisimo más flexible, pero de todas formas tu sintais no está bién.

También debes recordar que la división de table con el borde de 1 pixel no tiene contenido legible por lo tanto por defecto lleva 100% de width pero 0px de height a menos que le pongas una letra o se lo declares en el css.

<div style="background-color: red; border 1px solid green; height: 20px;"></div>
<div style="background-color: blue; border 1px solid green;"></div>
<div style="background-color: yellow; border 1px solid green;">Test</div>


Solo deberían aparecer el color rojo y amarillo pero no el azul.

Kase

enrrealidad lo puse haci por que abia borrado ya el codigo...

pero yo en mi computadora esta simple prueba no me funciona

Citar<table>
<tr>
<td>xxxxx</td>
</tr>
</table>
<div id='prueba'>
<table>
<tr>
<td>xxxxx</td>
</tr>
</table>
</div>

table, th, tr{
border: 0px solind #fff;
border-collapse:collapse;
}
#prueba table, th, tr{
border: 1px solind #147;
border-collapse:collapse;
bancgroud-color:#324;
}

#prueba table,th,tr es para indicar que quiero la tabla que se encuentra dentro de prueba...
sin embargo todas las tablas me toman los ultimos patrones.
y curiosamente el resto de intruccion  #padre #hijo me funciona

por ejemplo
#cabezera b{
font-size:22px;}

PD: lo cheke con ie, firefox y chrome