aplicar css en tablas

[browneater]

Hola, en primer lugar presentarme soy el Browneater por exceléncia. xD

Estoy intentando hacer dos tablas:

html

<div id='t1'>
<tabla><tr><td>tabla1</td></tr></table>
</div>

<div id='t2'>
<tabla><tr><td>tabla2</td></tr></table>
</div>

Cada una con un estilo diferente...

css

#t1
{
background:#333333;
}

#2
{
background:#4d4d4d;
}

el problema que tengo es que la segunda tabla me pilla el estilo de la primera y no hay manera de modificarlo..

si alguien me puede ayudar será de agradecer. supongo que para vososotros que soys unos pros del css esto será coser y cantar xD

Un saludo

PD:Disculpen si les duele a los ojos ver css con tablas pero si ya me cuesta aplicar css imaginense posicionar los divs.. me puedo volver loco.

[jose_java]

Deberás de usar clases para hacer referencia a una tabla u otra. Por ejemplo:

table.tienda {
width: 100%;
height: 100%;
}

table.persona {
width: 500px;
height: 200px
}

....

body...

<table class="tienda">
...
</table>

<table class="persona">
...
</table>


Así la tabla "tienda" hará referencia a su valor CSS y la tabla "persona" al suyo sin mezclarse

Si luego quieres hacer referencia por ejemplo a los TD de las tablas sería asi:

table.tienda td.columizqart {
width: 30%;
height: 100%;
vertical-align: top;
}

y en la tabla:

<table class="tienda">
<tr>
<td class="columizqart">hola</td>
</tr>
</table>

Este estilo TD solo serviría para los TD de dentro de la tabla de la clase "tienda", no para el resto.

[browneater]

Valió la pena lo que era necesario para programar con css amor
Tú eres una bendición
Las horas y la vida de tu lado nena
Están para vivirlas pero a tu manera
Enhorabuena, porque valió la pena
Valió la pena, valió la pena
Valió la pena, nena....

Gratzie