Foros del Web » Creando para Internet » CSS »

posicionamiento con divs de fondo

Estas en el tema de posicionamiento con divs de fondo en el foro de CSS en Foros del Web. Hola a todos. Tengo un problemillas con el mostrado de un div (su altura). Con estos codigos: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div ...
  #1 (permalink)  
Antiguo 31/12/2011, 11:22
 
Fecha de Ingreso: junio-2010
Mensajes: 373
Antigüedad: 14 años, 4 meses
Puntos: 11
posicionamiento con divs de fondo

Hola a todos. Tengo un problemillas con el mostrado de un div (su altura).

Con estos codigos:

Código HTML:
Ver original
  1. <div id="cuadro2">
  2.         <span>Comentario escondido</span>
  3. </div>
  4. <div id="cuadro1">
  5.     <span>Comentario principal</span>
  6. </div>

Código CSS:
Ver original
  1. #cuadro2 {float:left;width:250px;height:50px;border:1px solid red;}
  2.     #cuadro1 {
  3.         position:relative;
  4.         width:190px;height:100px;
  5.         background-color:#DDD;
  6.         z-index:2;
  7.     }
  8.         #cuadro1 span {
  9.             width:150px;
  10.             background-color:#777;
  11.             border:1px solid black;
  12.         }

Si lo probais, vereis que el span aparece "en primer plano" pero a una altura mas baja (digamos que tiene en cuenta la altura del cuadro "secundario"(cuadro2)). Lo que quiero es saber que tengo que aplicar para que aparezca arriba, al principio.

Habia pensado en margin-top:-Xpx, pero me resulta un arreglo "poco ortodoxo" y queria saber si hay alguno otro mas ....mejor.

Muchas gracias!!
  #2 (permalink)  
Antiguo 01/01/2012, 06:38
Avatar de Karmac  
Fecha de Ingreso: agosto-2011
Ubicación: Bilbao
Mensajes: 196
Antigüedad: 13 años, 3 meses
Puntos: 34
Respuesta: posicionamiento con divs de fondo

Te refieres a que "comentario principal" este en la parte superior de cuadro gris, ¿verdad?
Código HTML:
Ver original
  1. <div id="cuadro1">
  2.     <span>Comentario principal</span>
  3. </div>
  4. <div id="cuadro2">
  5.     <span>Comentario escondido</span>
  6. </div>

El elemento se posicionaba justo detrás del #cuadro2, tú no veias el elemento porque estaba por detrás, pero estar estaba, y desplazaba hacia abajo al #cuadro1.

Dejo una imagen por si no se me entiende:


Saludos y feliz año.

Etiquetas: divs, posicionamiento, fondo
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:12.