Problema con DIV posicionado con otro DIV

Question

Problema con DIV posicionado con otro DIV

ArangeL 10 mar 2008 03:23

MegaAdicto!!!

1.967 mensajes
desde jun 2006

¿Cómo podría hacer que en este ejemplo, la caja negra contenga a cualquier div flotante o posicionado que esté dentro del div principal?

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>
<body>
<div style="position: relative; background-color: #000000; overflow: visible">
   <div style="display: block; float: none; position: relative; top: 100px; left: 100px; background-color: #FF0000 ;height: 220px; width: 320px;">Hola, esto es un test de overflow.</div>
</div>
</body>
</html>

2 respuestas

Answer 1 · 2008-03-10T08:35:36+00:00

Hagoromo 10 mar 2008 10:35

Greedo shoot first!

1.885 mensajes
desde sep 2003
en Hobbiton

overflow = 'auto'

Saludos

ArangeL 11 mar 2008 01:26 MegaAdicto!!! **1.967** mensajes desde **jun 2006** · Answer 2 · 2008-03-10T23:26:29+00:00

Ya lo probé. No rellena el fondo hasta alcanzar a los DIV flotantes, tan sólo se ajusta al mismo tamaño, tanto vertical como horizontal del DIV si estuviera en left=0 top=0.

He estado pensando en el tema y creo que CSS no tiene validez en esto. Y habrá que recurrir a código javascript para determinar el alto de la página y así establecer un número de píxiles para un DIV que hará de fondo blanco. ¿Alguna sugerencia de cómo se podría hacer?