Tengo el siguiente codigo css
Código css:
Ver original.principal /*Contenedor*/
{
width:702px;
height:auto;
border: 1px solid orange;
margin-left:151px;
margin-top: 11px;
margin-bottom: 15px;
text-align:center;
color:#ca3e19;
min-height: 10px;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#articulo{/*se abre de lado izquierdo dentro .principal y alberga texto*/
width: 455px;
min-height: 535px;
height: auto;
float: none;
margin-bottom: 50px;
border-right: dotted 1px #CCCCCc;
text-align: justify;
}
#pub{/*se abre de lado derecho dentro de .principal*/
width: 238px;
height: 610px;
margin: -580px 0 0 460px;
}
#pubart{/*se abre dentro de pub*/
width: 238px;
height: 238px;
z-index: 0;
}
#video{/*se abre dentro de pub*/
width: 238px;
height: 238px;
border: 1px groove #CCCCCF;
background: url(imagenes/fondo.png) repeat-x;
}
#patrocinadores{/*se abre dentro de pub*/
width: 238px;
height: 70px;
border: 1px groove #CCCCCF;
}
Lo utilizo de la siguiente manera dentro de php
Código PHP:
echo"<div id='articulo'>";
echo"<div id='tituloarticulo'>".$fila['1']."</div>";
echo '<!-- Finalizacion de Articulo --></div>';
$ancho=235;
$alto=220;
echo"<div id='pub'><div id='pubart'>";
echo"<!-- Finalizacion Pubart --></div>";
echo"<div id='video'>";
echo"<!-- Finalizacion video --></div>";
echo"<!-- Finalizacion Patrocinadores --></div>";
echo"<!-- Finalizacion Pub --></div>";
El problema que tengo es que que la division articulo se expande dependiendo de la cantidad de texto que saque de base de datos y cuando esto sucede la division pub se va hacia abajo, ya intente con float: left; para articulo y float right para pub pero no me funciona, que estoy haciendo mal... gracias por su ayuda