Problema con un margin-bottom:0px;

walan · #1 (**permalink**) 05/02/2007, 02:36

Tengo un problema parecido al del post:Varias dudas sobre "position"
La movida es que gracias a lo que le contestó Mikel, he podido resolverlo, peeeero, me surje una nueva duda.

Tengo dos capas: Div contenedor, Div Pie, dentro del contenedor tengo el pie.

Aplico todo los que dijo Mikel, peeeero eso me hace aparecer siempre el scroll vertical, por corta que sea la página. Y en el trabajo, usabilidad,me obliga a que no salga scroll vertical.

Quiero poner un div abajo del todo, siempre
Y además quiero que no aparezca scroll vertical (siempre y cuando haya espacio para el texto.)

Con la solución de Mikel, cuando la pantalla la encojes, aún habiendo espacio para que quepa todo, aparece un scroll. (insisto en que el texto cabe de sobras)

Pues nada, si alguien me puede ayudar.....pues muchíiiisimas gracias.

Salu2

Alan

Mikmoro · #2 (**permalink**) 05/02/2007, 04:25

Como no estoy seguro de a qué ejemplo te refieres, sería mejor si pusieras tu código y así se podría intentar encontrar una solución al caso concreto.

Mikel.

walan · #3 (**permalink**) 05/02/2007, 04:54

Cita:

<head>
<title>Pie de pagina</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body { height: 92%;
}
div#contenedor { width: 90%;
background-color: rgb(102, 204, 204);
position: absolute;
height: auto ! important;
min-height: 100%;
height: 100%;
}
div#pie { background-color: rgb(0, 102, 0);
position: absolute;
bottom: 0pt;
left: 0pt;
width: 100%;
height: 30px;
margin-bottom: -30px;
clear: both;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="pie"></div>
</div>
</body>
</html>

Mikmoro · #4 (**permalink**) 05/02/2007, 05:02

No es por incordiar, porque en un rato lo miraré si puedo, pero... ¿la accesibilidad dice que no deba salir un scroll vertical al encoger la página? No lo conocía.

Mikel.

walan · #5 (**permalink**) 05/02/2007, 05:08

Son "políticas propias del BBVA"... en fin...

y me explico...no debe salir habiendo espacio para el texto, evidentemente si la página la encojo si saldrá. No debe aparecer scroll si la página está maximizada y a una resolución de 1024x768 sobra espacio para el texto.
Ellos exigen que la botonera de navegación inferior siempre permanezca abajo del todo de la página, y nisiquiera ellos saben como montarlo....

Mikmoro · #6 (**permalink**) 05/02/2007, 05:14

Parece que estás en un proyecto serio

Prueba con esto a ver si te sirve:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Pie de pagina</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1" />
  <style type="text/css">
html, body { height: 98%;
overflow: hidden;
}
div#contenedor { width: 90%;background-color: rgb(102, 204, 204);
position: absolute;
height: auto ! important;
min-height: 100%;
height: 100%;
}
div#pie { background-color: rgb(0, 102, 0);
position: absolute;
bottom: 0pt;
left: 0pt;
width: 100%;
height: 30px;
clear: both;
}
  </style>
</head>
<body>
<div id="contenedor">
<div id="pie"></div>
</div>
</body>
</html>

Mikel.

walan · #7 (**permalink**) 05/02/2007, 05:17

bueno bueno bueno bueno....parece que has dado en el clavo!!! Te vamos a contratar por aqui!Jejeje, de PM tio, muchíiiiisimas gracias, parece que la cosa está solucionada!!
Ahora voy a implementarla y a probar con diferentes monitores y resoluciones!!

Muchíiisimas gracias Mikel

salu2

Mikmoro · #8 (**permalink**) 05/02/2007, 05:55

De nada, me alegro de poder ayudarte.
Pero no cantes victoria tan pronto, que ya saldrán más cosas, fijo

Lo jodido de esto es que a veces cuando arreglas por un lado, casca por otro.

Hasta la vista.

Mikel.

luisch125 · #9 (**permalink**) 23/05/2007, 01:57

Hola a todos. Tengo un problema parecido, pero en mi caso, necesito que un div esté siempre en el pie del navegador, incluso cuando haya scroll. Esa solución no me ha funcionado, aunque juraría que en otras webs ya lo he hecho. Per esto me corre un poco de prisa. Agradecería cualquier ayuda...
Gracias.