Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/08/2008, 17:41
Avatar de canon882
canon882
 
Fecha de Ingreso: febrero-2007
Ubicación: Lima, Perú.
Mensajes: 152
Antigüedad: 17 años, 9 meses
Puntos: 0
Pregunta Problema con Tablas (div)

¿Qué tal? ¿Cómo vamos? Espero que todo bien. Esta vez escribo para consultarles sobre una duda que tengo. Y es que he estado desarrollando mi plantilla en Joomla y me estuvo yendo todo genial. Sin embargo, parece que tengo un problema con las tablas (supongo que el problema no tiene nada que ver con Joomla, sino con la CSS de la tabla).

Miren este modelo de tablas que he desarrollado:


Sin embargo, al empezar a rellenarla tengo este problema:


Como verán, la segunda tabla de la primera columna se correo hasta llegar al final de la primera tabla de la segunda columna. Quisiera saber de qué manera, con CSS, puedo evitar este problema.

PD: Las 'tablas' las estoy desarrollando con los comandos 'div'. Al final adjunto los códigos.

Muchas gracias por su atención.

index.php

Cita:
<div id="contenido">

<div id="tabla01_columna_01">
</div>

<div id="tabla01_columna_02">
</div>

<div id="tabla02_columna_01">
</div>

<div id="tabla03_columna_01">
</div>

</div>
template_css.css
Cita:
#contenido {
color: #000000;
width: 755px;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
border: solid;
border-color:#FFFFFF;
border-width:10px;
background: #CCCCCC;
}

#tabla01_columna_01 {
float: left;
color: #000000;
border: 0px solid #000000;
background: #999999;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 555px;
}

#tabla01_columna_02 {
color: #000000;
vertical-align:top;
border: 0px solid #000000;
background: #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 200px;
float:left;
}

#tabla02_columna_01 {
float: left;
color: #000000;
border: 0px solid #000000;
background: #999999;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
display: inline;
}

#tabla03_columna_01 {
float: left;
color: #000000;
border: 0px solid #000000;
background: #999999;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 555px;
}

Última edición por canon882; 15/08/2008 a las 17:49