Foros del Web - Ver Mensaje Individual

Calizman · #2 (**permalink**) 16/03/2009, 10:54

Saludos!!

No se si lo que quieres realmente es lo que valla a servir, puesto que si no sabes cuanto texto vas a tener, y todos los botones se van a ver a la misma altura, entonces tendras un problema si el texto se alarga demasiado, porque el texto se pondra sobre el boton y no se dejara ver.

Te recomiendo que pruebes esto:

Cita:

<!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" lang="es-gt">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
.box {
border: 1px solid #000000;
margin: 2px;
width: 200px;
height: 450px;
float: left;
}
.box-fix {
border: 1px solid #000000;
margin: 2px;
width: 200px;
height: 450px;
float: left;
}
.box-fix input {
position: absolute;
top: 900px;
}
#pie {
text-align: center;
color: #ffffff;
display: inline;
height: 3em;
}
.ejemplo {
font-size: 0.8em;
font-weight: bold;
position: relative;
top: 2em;
}

</style>
</head>
<body>
<p> asi es como queda
</p>
<div class="box">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<div id="pie">
<span class="ejemplo"><input name="button"
value="Boton" type="button" /></span></div>
</div>
<div class="box">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<div id="pie">
<span class="ejemplo"><input name="button"
value="Boton" type="button" /></span></div>
</div>
<div class="box">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<div id="pie">
<span class="ejemplo"><input name="button"
value="Boton" type="button" /></span></div>
</div>
<div class="box">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren  </p>
<div id="pie">
<span class="ejemplo"><input name="button"
value="Boton" type="button" /></span></div>
</div>
<p>
y asi es como quiero que quede pero necesito que quede asi sin el
psoition: absolute ni el height fijo en el css
</p>
<div class="box-fix">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<input name="button" value="Boton" type="button" />
</div>
<div class="box-fix">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<input value="Boton" type="button" />
</div>
<div class="box-fix">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<input value="Boton" type="button" />
</div>
<div class="box-fix">
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<p>loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum
loren ipsum loren ipsum loren ipsum </p>
<input value="Boton" type="button" />
</div>
</body>
</html>

Modifique un poco tu codigo, e hice que el boton siempre estuviera en la parte de abajo de el texto, creo que es lo que mejor va.

Me dices que te parece no?