¿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;
}