Div dentro de otro Div

[besotico]

Amigos, busqué información por internet y en este foro en especifico antes de realizar la pregunta, había alguien aquí que pregunto algo similar, pero no tuvo respuesta :(


Así que espero puedan sanara esta duda que he tenido siempre, aquí vamos...

Mi Body es

Código CSS:

body {
    text-align:center;
}
 

Tengo mi primer div un wrapper centrado, su codigo es

Código CSS:

#wrapper {
    margin:0 auto 0 auto; 
    width:970px; 
}
 

Esto ultimo es para que quede siempre centrado al navegador.

El wrapper efectivamente me queda centrado, y si yo coloco algo dentro solo las cosas alineadas a la izquierda hacen el 'resize' respectivo si cambio la resolucion del navegador.

esto es lo que tengo a la izq.

Código CSS:

#logo {
    position:absolute;
    left:auto;
    top:14px;
    width:214px;
    height:48px;
    z-index:2;
}
 

Entonces como el left de logo esta en auto, me queda alineado al div wrapper y si cambia la ventana logo y wrapper sufren modificaciones en posicion, se entiende hasta aca verdad?

El drama es con lo que sigue no puedo hacer que nada calze a la derecha, siempre todo dentro del div wrapper por eso los zindex.

Aqui mi html

Código HTML:

<div id="wrapper">
<div id="logo"></div>
<div id="buscador"></div>
</div>
 

buscador es lo que intento dejar en right:0; pero del div wrapper no del navegador, ojala me pueda ayudar por que así tal cual no funciona.

[kalvinman]

Me parece que lo que quieres hacer esta mucho mejor explicado en este simple tutorial.

http://www.cristalab.com/tutoriales/...-en-css-c125l/

[besotico]

@kalvinman gracias por responder, pero la verdad es que eso no soluciona mi problema, o no me expliqué bien o tu entendiste mal mi problema.

El centrado no es problema para mi, pero no puedo 'anidar' mis divs, cosa de colocar rigth:0; y me quede al tope del div de mas afuera, se entiende así?

saludos y gracias por responder

[kalvinman]

Bueno pues no se si entendí bien, pero creo que lo que necesitas es esto.

Código CSS:

body {
    text-align:center;
}
#wrapper {
    margin:0 auto 0 auto; 
    width:970px; 
    border:1px solid red;
    text-align:left;
}
#logo {
    width:214px;
    height:48px;
    border:1px solid red;
}
 

[kseso?]

Defina una posición diferente a static (que es la que tienen las cajas por defecto) para que sea referente de sus contenidos posicionados.

[besotico]

miren intentaré aclarar la situación,

aquí esta el archivo en linea, www luisesteban cl /css

si ven el logo y el slider se ajustan cuando uno cambia el tamaño del navegador, pero el menu y el buscador no lo hacen, quiero que los que estan a la derecha si lo hagan, eso :)

gracias desde ya