Foros del Web » Creando para Internet » CSS »

Div por fuera del contenedor principal

Estas en el tema de Div por fuera del contenedor principal en el foro de CSS en Foros del Web. Hola, quiero colocar un div por fuera del contenedor principal, es decir en el que esta contenida toda la web, sobre el lado derecho, se ...
  #1 (permalink)  
Antiguo 17/10/2012, 22:34
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 11 años, 6 meses
Puntos: 13
Pregunta Div por fuera del contenedor principal

Hola, quiero colocar un div por fuera del contenedor principal, es decir en el que esta contenida toda la web, sobre el lado derecho, se que tiene que ser posición absoluta pero es que siempre me queda sobre la izquierda y no se que left asignarle ya que eso dependerá de la resolución de la pantalla de cada uno.

A modo de ejemplo:

Código:
#wrapper{
	width:960px;
	height:auto;
	margin:0 auto;
	}
Espero que quede claro, sino intento subir una img de lo que quiero hacer.
Gracias!
Saludos.
  #2 (permalink)  
Antiguo 18/10/2012, 02:18
 
Fecha de Ingreso: julio-2008
Mensajes: 210
Antigüedad: 14 años, 4 meses
Puntos: 19
Respuesta: Div por fuera del contenedor principal

En el css
Código CSS:
Ver original
  1. float:right;

Y en el html, el div que tiene esta instrucción, tiene que estar fuera de wrapper.
  #3 (permalink)  
Antiguo 18/10/2012, 10:42
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 11 años, 6 meses
Puntos: 13
Respuesta: Div por fuera del contenedor principal

Hola, gracias por responder.
Es que si pongo right se va sobre la derecha de la pantalla y lo que yo quiero es que quede sobre el borde derecho del wrapper. Se entiende?

Saludos.
  #4 (permalink)  
Antiguo 18/10/2012, 10:53
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 4 meses
Puntos: 2114
Respuesta: Div por fuera del contenedor principal

No sé si te entendí bien. He puesto algo por aquí: http://jsfiddle.net/BHe6k

Tendrías que adaptarlo un poco, pero básicamente es poner el contenedor con posición relativa y lo que quieres por fuera, con posición absoluta y luego un margen derecho —si lo quieres a la derecha— negativo.
__________________
(:
  #5 (permalink)  
Antiguo 18/10/2012, 12:14
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 11 años, 6 meses
Puntos: 13
Respuesta: Div por fuera del contenedor principal

Wow! Muchas gracias Bonez, super detallado. Es eso lo que quería, ya voy a probarlo.

Te hago otra consulta, supongamos que div div tiene top:50px; y en la misma posición quiero varios div div, uno debajo del otro, es decir tendría un primerDiv con top:50px; y los demás con mismos atributos solo que margin-top: height de primerDiv + el margen que quiera darle, pero que pasa con el tercero y los siguientes? Me explico? Gracias nuevamente! :)
  #6 (permalink)  
Antiguo 18/10/2012, 12:48
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 4 meses
Puntos: 2114
Respuesta: Div por fuera del contenedor principal

Sería más fácil poner esas capas de más dentro de la que está con posición absoluta, ¿no? Es decir, div div haría de contenedor de lo que está por fuera del contenedor principal. Entre tu mensaje y el mío esto ya parece un trabalenguas.
__________________
(:
  #7 (permalink)  
Antiguo 18/10/2012, 14:04
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 11 años, 6 meses
Puntos: 13
Respuesta: Div por fuera del contenedor principal

Claro! Que tonto! Muchas gracias por todo Bonez. :)
Has sido de mucha ayuda, esta bueno charlar con gente así.

Saludos.

Etiquetas: contenedor, fuera, principal
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 19:02.