Posición relativa o absoluta

[chelsae]

Hola,

Tengo la siguiente sutuacion y no consigo colocar un contenido determinado donde quiero.

Tengo un div contenedor "<div id="contenedor"> con el siguiente codigo:

Código PHP:

  #contenedor {
    position:relative;
    width: 992px;
    background-color: #FFFFFF;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    background-position: left;
    height: auto;
    float: none;
    overflow: inherit;
    border: 1px solid #EEE1E1;
}  
   

Dicho div se presenta centrado.

Luego al pie de dicho div quiero que un contenido determinado se presente arriba, 300px a la derecha del comienzo del div contenedor y 30 px para abajo, con el código de a continuación se coloca 300px empezando a contar desde el comienzo de la ventana por lo que, al variar el tamaño de la ventana, la posición varía, ¿cómo puedo conseguir que se presente contando desde el comienzo de la capa contendora que debe aparecer centrada en la ventana?

Código PHP:

  <SPAN STYLE="position:absolute; top:30px; left:300px; background-color:#ADD8E6">
contenido</SPAN>  
   

Muchas gracias

[baccxus]

css (como consejo, ahorra):

Código:

#contenedor {
    position:relative;
    width: 992px;
    background-color: #FFFFFF left;
    margin: 15px auto 10px auto;
    border: 1px solid #EEE1E1;
}

.cajoncito{
    position:absolute;
    top:30px;
    left:300px;
/*Por cierto, que tamaño tiene el cajón?
    with: poner_ancho_aquí;
    height: poner_altura_aquí;
y borra estas 2 líneas con asteriscos*/
    background-color:#ADD8E6
}

html

Código HTML:

<div id="contenedor">
    <div class="cajoncito">aqui el contenido que lleva el "cajoncito"</div>
contenido que quieras y todo lo demás</div> 

Saludos

PD: por cierto un span no se debe usar como elemento de bloque (se puede), pero no es su función por eso uso div.

[chelsae]

Muchas gracias baccxus, me ha quedado perfecto.

Un saludo,