Margen individual para un DIV dentro de otro DIV

NaRanJiTo78 · #1 (**permalink**) 07/04/2009, 11:15

Hola!

Me gustaría saber si alguien me puede ayudar en lo siguiente(si es que se puede):

Supongamos que tengo un DIV (#1) centrado con width:100% para que se centre en el navegador.

Dentro de ese DIV, va otro, (#2) y me gustaría saber lo siguiente:

Según se centra el principal según resolución del monitor del visitante, que se coloque el que está dentro (#2) con el margen del DIV (#1), no del monitor del visitante.

Como se puede hacer ésto?

Un saludo, gracias

emiliodeg · #2 (**permalink**) 07/04/2009, 12:00

pues muy sencillito
div#numero2 {margin:0 auto;width:800px}/*tiene q tener un ancho definido*/

talmente · #3 (**permalink**) 07/04/2009, 12:42

Según planteas la pregunta el div 1 no tiene márgenes ocupa toda la pantalla (100%) por lo que dentro de este el div 2 puedes por ejemplo ponerlo a 90% (por que en tu pregunta entiendo que quieres que sea liquida) de ancho y los márgenes en automático. Espero te aclare algo.

Código:

#contenedor {
	background: #003333;
	width: 100%;
}
#contenedor #dentro {
	background: #0099FF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


HTML:

<div id="contenedor">
  <div id="dentro">   
  </div>
</div>

NaRanJiTo78 · #4 (**permalink**) 08/04/2009, 03:57

Pues no me funciona...no se donde está el error...

La cuestión es el DIV interior (#2) es un flash.

En Firefox, el margen se acopla perfectamente..

En IE 7 se desplaza ligeramente y en IE6, se desplaza bastante.

Que es lo que puede estar fallando?

La página en cuestión es:

http://www.jarmauto.es/oferta/index2.html

El DIV (#1) :

Cita:

#1 {
width:100%;
z-index:1500;
margin: 0 auto 0 auto;
top: 148px;
height: 485px;
position: absolute;
left: 0;
}

y el DIV (#2):

Cita:

#2 {
position:absolute;
height:115px;
z-index:1;
top: 11px;
left: 260px;
margin: 0 auto;
width: 220px;
}

Alguien me puede ayudar?

Muchas gracias

Mikmoro · #5 (**permalink**) 08/04/2009, 11:27

Creo que hemos hablado varias veces de estas cosas:
1.- una caja con 100% de ancho no se puede centrar, puesto que ocupa todo el ancho. Su contenido sí.
2.- una caja con posición absoluta no puede centrarse con margin: 0 auto

Por otro lado, no entiendo en absoluto lo que planteas: en el enlace que pones, lo veo igual en FF que en IE6.

NaRanJiTo78 · #6 (**permalink**) 14/04/2009, 02:41

Cita:

Iniciado por Mikmoro

Por otro lado, no entiendo en absoluto lo que planteas: en el enlace que pones, lo veo igual en FF que en IE6.

Hola Mikmoro, si en este enlace

Cita:

http://www.jarmauto.es/oferta/index2.html

Ves que hay una bandera ondeando.Se ve casi igual en FF que IE. El problema, esque si el navegador en vez de estar maximizado, está para que se pueda ajustar, si haces esto se mueve la bandera, no se ajusta al mastil como la imagen de fondo se desliza a la vez...

Uhmmm nose si me he explicado bien?

NaRanJiTo78 · #7 (**permalink**) 15/04/2009, 03:25

Nadie me puede ayudar?

jomaruro · #8 (**permalink**) 15/04/2009, 16:44

Hola:

El problema es que ese div lo tienes en posicion absoluta, lo que hace que al "mover" el navegador la posición de la bandera es la misma.

Saludos.

NaRanJiTo78 · #9 (**permalink**) 20/04/2009, 10:37

Pero esque si no está en posición absoluta, se descuadra...como lo debo de poner entonces?

NaRanJiTo78 · #10 (**permalink**) 30/04/2009, 02:15

Es decir, posicion relativa,inherit,fixed?

Muchas gracias

NaRanJiTo78 · #11 (**permalink**) 01/05/2009, 02:16

nadie me puede ayudar? :(