no funciona linea de codigo

[furoya]

Y... sin el código de la página (no digo "completo", pero sí uno que se pueda copiar y pegar, donde se vea el problema) era difícil asegurar el motivo.
Y en realidad no lo arreglaste ... porque en "ese" navegador te sigue pasando ¿no?.


Hay uno muy ingenuo, que a los novatos les causa problemas, y es el alto del body. Que se interpreta distinto en los navegadores.

Aunque ya se mencionó muchas veces, lo recuerdo brevemente : se supone que "nuestro" sistema de escritura (izquierda a derecha, arriba hacia abajo) exige de los navegadores un comportamiento que diferencia el alto del ancho.
Si escribimos un texto y la línea llega al borde derecho, lo que normalmente aparece es un wrapping o "ajuste de línea", que hace que la continuación del texto se escriba en la línea inferior siguiente.
Cuando se termina el espacio visible del panel de documento, el nuevo texto escrito sigue "bajando", y generalmente aparece una barra de desplazamiento para mover el documento que ha crecido en alto más que lo disponible en el browser.

Esto es algo natural para la escritura occidental. Así fluye "nuestro" texto, y así debe comportarse un navegador : el documento no se mueve "hacia los lados" sino "hacia abajo (o arriba)". Es por eso que esos engendros que desplazan "pantallas" del documento hacia los lados no sólo en la mayoría de los casos no funcionan, sino que jamás deberían usarse. Si tratamos con imágenes o elementos de tamaño fijo, todavía algo se puede inventar; pero en texto no sirven. Ni se ponen.
Hay sin embargo una excepción que tiene que ver con la mecánica de uso, y que en algún momento será superada : en las palmtop con touchscreen el desplazamiento "normal" es hacia los lados. La verdad es que no es "normal", pero es una comodidad y una —mala— costumbre.

Volviendo a lo nuestro, se supone que el texto que fuimos escribiendo ocupa un espacio dentro del body, y que a medida que aumenta, lo va agrandando. Esto es verdad a lo alto, por lo que ya comenté : el documento termina creciendo "hacia abajo", hacia allí desborda. El caso de ancho es distinto, porque es un límite, el body ya "sabe" que debe llegar hasta ahí y toma el ancho del panel, para saber dónde aplicar el wrap (el salto de ajuste). Esto hace que si metemos un bloque con medidas relativas (%), pueda tomar como referencia el ancho de su elemento parent si es el body y cubrirlo al ciento por ciento, pero resulta que hace lo mismo con el alto ... que si no existe contenido, no es más que de 1em. A medida que lo rellenemos, la altura va a aumentar, y de esa forma 'arrastra' la medida del bloque que lo usa de referencia.

Esto podría explicar el comportamiento de tu capa coloreada.

Pero estoy adivinando, porque nunca supimos qué tienes adentro del documento además del div.

Y si hay algo muy molesto es tener que adivinar porque vienen acá preguntando cualquier cosa.