situado dos div a la derecha del div de contenidos

[jochite]

Llevo de idea de colocar a la derecha de la página web junto al div maincontent
( que está posicionado a la izquierda) dos divs uno debajo del otro con idea
de introducir en cada uno de ellos un panele de fichas de spry de dreamweaver.

Para pregunta es ¿ como hacerlo ? de momento lo he intentado de todas las
formas que conozco y no lo consiguo , haber si por favor me podeis echar
un cable
----------------------------------------------------------------------------------------
.twoColElsLtHdr #panel_1{
height:25%;
width:28%;
height:25%;
float: right;
margin-right: 25%;
clear: both;
position: relative;
}


.twoColElsLtHdr #panel_2{
height:25%;
width:28%;
height:25%;
float: right;
margin-right: 25%;
clear: both;
position: relative;
}


.twoColElsLtHdr #mainContent {
height:100%;
overflow:hidden;
display:block;
float: left;
width: 70%;
clear: both;

}

---------------------------------------------------------------------------------------

[hades87]

mirate este link a ver si te puede ayudar.

[jochite]

He seguido tus indicaciones y he creado esta estructura con su correspondiente
css. Pero de momento, se posicionando el panel_1 y panel_2 debajo de div
de contenido y no a la derecha y a la misma altura que el div de contenido
( un panel debajo del otro)
----------------------------------------
<div id="contenedor">

<div id="contenido ">

</div>

<div id="panel_1">

</div>

<div id="panel_2">

</div>

</div>
----------------------------------
css:

.twoColElsLtHdr #contenedor{
clear: both;
height:1%;
border: 1px solid #000000;
overflow:hidden;
width: 100%;
margin: 0 auto;
text-align: left; /* esto anula text-align: center en el elemento body. */
}

.twoColElsLtHdr #contenido {
overflow:hidden;
display:block;
float: left;
width: 70%;
clear: both;
}

.twoColElsLtHdr #panel_1{

margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
margin-right: 10px;
width:25%;
float: right;
padding: 15px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
}

.twoColElsLtHdr #panel_2{
margin-left: 10px;
margin-right: 10px;
width:25%;
float: right;
padding: 15px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
}


----------------------------------------

[hades87]

Podrías pasar la url de la web? a los div de la derecha y la izquierda les pones float?

[jochite]

Los float como comprobarás estan colocados. Lo que no entiendo es si contenido
tiene un float left y los paneles tienen float right el panel 1 no se posicione a la
misma altura que el contenido y no debajo de contenido como me esta ocurriendo.
De hecho no he utilizado clear:both o clear:left. Mi idea es colocar contenido a la
izquierda y panel 1 a la derecha y debajo de panel 1 , panel 2. Pero no se que
es lo que falla.


.twoColElsLtHdr #contenedor {

overflow:hidden;
width: 100%;
margin: 0 auto;
text-align: left; }

twoColElsLtHdr #panel_1{
width: 30%;
float:right; }

twoColElsLtHdr #panel_1{
width: 30%;
float:right; }


.twoColElsLtHdr #contenido
width: 70%;
height:100%;
overflow:hidden;
float: left;
}

[kseso?]

pero si estás utilizando unas etiquetas en el html que no se corresponden con las clases del css.
Y por la forma de llamarlas en el css supongo que será de alguna plantilla que has bajado, así que debes haber hecho cambios incorrectos.

Recuerda, si modificas algo hecho y que funciona para adaptarlo, debes hacer un solo cambio y verificar su funcionamiento.

Un saludo

[jochite]

Quiero agradecerte el consejo ¡ me ha sacado de atolladero !

Muchas Gracias

[kseso?]

nah, a todos nos ha pasado alguna vez. Cosas de novicios.
Me alegro.