Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Background a DIV padre

Estas en el tema de Background a DIV padre en el foro de CSS en Foros del Web. Mi consulta es sencilla, pero no logro resolver: Tengo un DIV PADRE (naranja) y dentro un DIV HIJO (rojo), cada uno su propio background. El ...
  #1 (permalink)  
Antiguo 13/09/2015, 08:05
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 10 meses
Puntos: 21
Background a DIV padre

Mi consulta es sencilla, pero no logro resolver:

Tengo un DIV PADRE (naranja) y dentro un DIV HIJO (rojo), cada uno su propio background.
El DIV HIJO tiene un HIGH de 110px. Se ve así:



Para lograr lo anterior, asigné a DIV PADRE el mismo HIGH de 110px que tiene DIV HIJO

Deseo que DIV PADRE no tenga HIGH asignado.
Cuando le quito el HIGH a DIV PADRE, desaparece su background.
Deseo que DIV PADRE muestre su BACKGROUND de acuerdo al HIGH de su DIV HIJO.

¿Alguna idea?
La razón de requerirlo así, es que este efecto se repite en rutinas PHP y no deseo asignar el HIGH al DIV PADRE.

Este el mi HTML con CSS:

Código HTML:
Ver original
  1. <!doctype html>
  2. <style type="text/css">
  3. .padre {
  4.     width:100%;
  5.     height: 110px; /* ESTE RENGLON LO QUIERO QUITAR */
  6.     background: #FF9900; /* Naranja */
  7. }
  8. #hijo{
  9.     width: 200px;
  10.     height: 110px;
  11.     margin-right: auto;
  12.     margin-left: auto;
  13.     background: #CC0033; /* Rojo */
  14. }
  15. </head>
  16.  
  17. <div class="padre">
  18.     <div id="hijo"></div>
  19. </div>
  20.  
  21. </body>
  22. </html>

Gracias por cualquier idea que puedan proporcionarme.
  #2 (permalink)  
Antiguo 13/09/2015, 08:29
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 10 meses
Puntos: 21
Respuesta: Background a DIV padre

Creo ya lo resolvi... Verifico y publico mi respuesta.
  #3 (permalink)  
Antiguo 13/09/2015, 08:35
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 10 meses
Puntos: 21
Respuesta: Background a DIV padre

Pues ya funciona son mover código... Disculpas por favor.

Etiquetas: background, html, padre, php, width
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 07:42.