Foros del Web » Creando para Internet » CSS »

Posición relativa o absoluta

Estas en el tema de Posición relativa o absoluta en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/10/2010, 14:45
 
Fecha de Ingreso: noviembre-2005
Mensajes: 182
Antigüedad: 12 años, 1 mes
Puntos: 4
Posición relativa o absoluta

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;
    
width992px;
    
background-color#FFFFFF;
    
margin-top15px;
    
margin-rightauto;
    
margin-bottom10px;
    
margin-leftauto;
    
background-positionleft;
    
heightauto;
    
floatnone;
    
overflowinherit;
    
border1px 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
  #2 (permalink)  
Antiguo 03/10/2010, 21:54
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: Posición relativa o absoluta

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.
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 04/10/2010, 00:16
 
Fecha de Ingreso: noviembre-2005
Mensajes: 182
Antigüedad: 12 años, 1 mes
Puntos: 4
Respuesta: Posición relativa o absoluta

Muchas gracias baccxus, me ha quedado perfecto.

Un saludo,

Etiquetas: relativa
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:23.