Contenedor no me funciona

[mvlsistemas]

Hola gente, tengo un contenedor bastante rebelde, ja que no me incluye adentro el contenido y la sidebar!!

la sidebar me queda al lado pero no todo dentro del contenedor que va entre el header y su conent y el footer y su conent. Gracias desde ya.

Código:

#contenta {
width: 100%;
height:100%;
text-align: center;
margin: 0px auto 0px auto;
font-family:Arial, Helvetica, sans-serif ;
font-size:16px;
background-color:#FFFFFF !important;
clear:both;

}
#contenido{
	width:680px;
	height:100%;
	background-color:#FF6600;
	margin: 10px 5px 10px 60px;
	float:left;
	color:#333333;
	
}

#sidebar {
	width:280px;
	height:100%;
	margin: 10px 50px 10px 5px;
	background-color:#FF6600;
	float:right;
}

Código HTML:

<div id="contenta">

<div id="contenido"><?php
$archivo= "1".$_GET['id'].".php";
if (file_exists($archivo)) include($archivo); else  include("1pri.php");
?></div>

<div id="sidebar">
<div class="sidebarceldas"><img src="images/servicio.jpg" /></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>


</div>

</div> 

[IsaBelM]

prueba a usar display: inline-block en lugar floar: right/left

[C2am]

Hace un rato respondí una consulta similar:
http://www.forosdelweb.com/f53/php-c...8/#post4181336

Saludos

[mvlsistemas]

Gracias por las respuestas!

con display: inline-block algo mejora pero el sidebar queda abajo al lado del contenido y no a la par arriba.

[mvlsistemas]

Gente! lo solucioné con <div style="clear: both"></div>

Código HTML:

<div id="contenta">

<div id="contenido"><?php
$archivo= "1".$_GET['id'].".php";
if (file_exists($archivo)) include($archivo); else  include("1principal.php");
?></div>

<div id="sidebar">
<div class="sidebarceldas"><img src="images/servicio.jpg" /></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
<div class="sidebarceldas"></div>
</div>
<div style="clear: both"></div>
</div> 

[C2am]

Es una de las posible soluciones, aunque no recomendada ya que implica colocar un div que no hace falta.
La opción que te dí, y que también tiene sus pro y sus contra, no implica crear una caja vacía:

Código CSS:

#contenido{
overflow:hidden;}
 

Saludos y me alegro que hayas podido solucionar tu problema.

[mvlsistemas]

Iniciado por C2am

Es una de las posible soluciones, aunque no recomendada ya que implica colocar un div que no hace falta.
La opción que te dí, y que también tiene sus pro y sus contra, no implica crear una caja vacía:

Código CSS:

#contenido{
overflow:hidden;}
 

Saludos y me alegro que hayas podido solucionar tu problema.

Gracias!! pasa que hasta hace no mucho era adictos a los <tr> <td> y demás, jaja
CSS me complica la vida,
Pero hay que estandarizar si o si. Saludos.

[IsaBelM]

que queda uno mas alto que otro??

#contenta > div {
display: inline-block;
}

C2am, no estás teniendo en cuenta el margin

[mvlsistemas]

Si puede ser el margin! voy a probar, me quedaba una arriba y otra al lado pero abajo.

[IsaBelM]

yo no he dicho que el problema sea el margin. lo que necesitas es adjuntar este css

#contenta > div {
display: inline-block;
}

es verdad que tendrás que editar los margin de los dos selectores, pero ello no hace que uno de los bloques quede mas alto que otro.

si quieres te explico el por que, pero ahora me da algo de pereza