Posicionar DIV abajo del todo del website

alatorn · #1 (**permalink**) 03/02/2008, 07:29

Mi web es: http://usuarios.lycos.es/nteches/ y tengo un problemilla.

En el index, tengo:

Código:

Código:

<html>
<head>

<style>
#prueba{
position: absolute; 
bottom: 0%; 
width: 800px;
height: 10px;
}

</style>
</head>
<body>
<div id="prueba">
  <?php include ("bottom.php"); ?>
</div>

</body>
</html>

y como aveis podido comprovar no keda abajo del todo...

(las noticias están incluidas via un include de php)

He provado de todo:S

que tengo mal?

pitufoweb · #2 (**permalink**) 03/02/2008, 10:37

tal ves sea porque el código html no esta bien. Tienes los tags <body> <html> dentro de tablas. y los tienes dos veces.

Código HTML:

<td background="images/fondodernegro.gif">&nbsp;</td>
      </tr>
      <tr>
        <td><img src="images/izqabanegro.gif" width="20" height="20" alt="" /></td>
        <td background="images/fondoabanegro.gif">&nbsp;</td>

        <td><img src="images/derabanegro.gif" width="20" height="20" alt="" /></td>
      </tr>
	  </div>
    </table> </td>
    <td width="50" rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td><table width="200" border="0" cellspacing="0" cellpadding="0">

        <tr>
          <td><!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
table.ensayo {
top: 0px;

bendi82 · #3 (**permalink**) 04/02/2008, 15:23

Hola,

Prueba con esto:

Código:

<html>
<head>

<style>

#contenedor{
position:relative;
}

#prueba{
position: absolute; 
bottom: 0%; 
width: 800px;
height: 10px;
}

</style>
</head>
<body>
<div id="contenedor">
     <div id="prueba">
          <?php include ("bottom.php"); ?>
     </div>
</div>

</body>
</html>

Suerte!!!

lucas.wid · #4 (**permalink**) 04/02/2008, 18:44

muy simple amigo, ponele al div #prueba este atributo: clear:both; y listo xD

espero que te sirva...
slds,
Lucas.

chascos69 · #5 (**permalink**) 27/05/2011, 05:30

No funciona...

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<style>
#contenedor
{
position: relative;
}
#prueba
{
position: absolute;
bottom: 0%;
width: 800px;
height: 10px;
clear:both;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="prueba">
prueba
</div>
</div>
</body>
</html>