contenedor que no crece

riveiras · #1 (**permalink**) 05/09/2010, 04:40

Hola, a ver se me podeis ayudar.

Estoy abriendo un popup con window.open pasándole un ancho (850) y alto(600) fijo.

Esa página tiene un botón buscar y al ejecutar la busqueda si trae resultados la página crece.

En la aplicación uso tiles, la forma de la página es
<html:html>
<HEAD>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1" %>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META http-equiv="Content-Style-Type" content="text/css">
<link href="estilos/unhaCol.css" rel="stylesheet" type="text/css" />
<link href="estilos/estilos.css" rel="stylesheet" type="text/css" />

<TITLE>
<tiles:getAsString name="title"/>
</TITLE>

</HEAD>
<BODY class="body" style="height:100%;">
<center>
<div class="containerTodaPagina" style="height:100%;" >
<div class="header" style="height:10%">
<tiles:insert attribute="top"/>
</div>

<div class="content" style="height:90%;">
<tiles:insert attribute="body"/>
</div>
</div>
</center>
</BODY>
</html:html>

Al realizar la búsqueda lo que crece es el content que tiene el estilo:
.content {
padding: 0;
border: 2px solid #09C;
background-color: #006;
width:100%;
height:100%;
}

Al realizar la búsqueda el content crece y con un scroll se pueden ver todos los resutlados pero el borde del content se muestra en la altura 600 igual que el fondo que solo pinta hasta dicha altura. Al mover el scroll más para abajo de 600(tamaño de la página) no aplica los estilos.

Como se soluciona esto

riveiras · #2 (**permalink**) 05/09/2010, 04:44

No me he explicado correctamente, la página tiene alto y ancho fixo.
Al realizar la búsqueda si los resultados no cogen el el alto fixo se muestra el scroll.
El estilo content se aplica hasta los 600 y al mover el scroll para la parte inferior aparece el borde del content en medio de los resultados y a la parte inferior aparece sin fondo.
Porque aplica el estilo solo al tamaño fixo de la página y no a toda la página en total.
Gracias

masquecero · #3 (**permalink**) 06/09/2010, 05:22

Al realizar la búsqueda lo que crece es el content que tiene el estilo:
.content {
padding: 0;
border: 2px solid #09C;
background-color: #006;
width:100%;
height:100%;
}

Prueba a quitar el alto prueba con un auto

.content {
padding: 0;
border: 2px solid #09C;
background-color: #006;
width:100%;
height:auto;
}