últimos mensajes de: Son_of_Bush

Si, uso un include para llamar el footer.php. Lo unico que he utilizado del HTML5 en todo el website es el !doctype y el header. El footer.php lo hice usando <div>. Pero despues de leer tu comentario experimente eliminando todo todo todo lo referente al HTML5 y el resultado fue el mismo. Tambien intente usando el tag de HTML5 <footer>, pero igual, el mismo resultado.

Me puse a experimentar tambien con el CSS y removiendo las propiedades del "botom" y/o "position" encontre que el footer.php reaparece, pero obviamente no con el efecto que quiero producir. . (Si no llega a ser por tu comentario, no se me ocurre mirar hacia el CSS.)

Ahora, este problema, solo lo tengo con Chrome (movil) y Safari (movil), creo que Safari usa el mismo motor... Acabo de probar como se ve en desktop (Chrome, Firefox, Internet Explorer) y no ocurre ningun problema.

Aqui te dejo el codigo y la url donde practico.

http://playground.x10host.com/register-view-users.php

Cdigo del footer.php :

Código

<div id="footer">
<p>Created by J.C.</p>
</div>

HTML generado :

Código

<!doctype html>
<html lang=en>
 
<head>
 
<title>View Registered Clients</title>
 
<meta charset=utf-8>
<meta name="viewport" content="width=device-width">
 
 
<link rel="stylesheet" type="text/css" href="styles.css">
 
 
</head>
 
 
<body>
<div id="container">
 
 
 
 
 
 
 
 
 
 
 
<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<script src="jc.js"></script>
 
 
<header>
 
 
 
 
<h1>Dashboard</h1>
 
 
<div id="inavigation">
 
<ul class = "inul">
<li class = "libut"><a href= "logout.php">Logout</a></li>
<li class = "libut"><a href= "login.php">Login</a></li>
</ul>
</div> 
 
 
 
</header>
 
 
<div id="nav">
 
 
 
<ul>
 
<li>
<a href="index.php" title="Return to Home Page">Home</a>
</li>
 
<li>
<a href= "phpmyadmin" target="_blank"> phpMyAdmin</a>
</li>
 
<li>
<a href= "register-view-users.php">Registered&#38;#160;Clients</a>
</li>
 
<li>
<a href= "register-password.php">Change&#38;#160;Password</a>
</li>
 
 
 
<li>
<a href= "admin-page.php">Dashboard</a>
</li>
 
<li>
<a href="jobs_log.php"> Job&#38;#160;Log</a>
</li>
 
 
<li>
<a href="register-thanks.php">Register&#38;#160;Thanks</a>
</li>
 
 
<li id="fli">
<a href= "phpinfo.php">PhpInfo</a>
</li>
</ul>
</div>
 
 
 
 
<div id="content">
 
 
<h2 class="log-in">Registered Clients</h2>
 
<p>
<div><table id="t_register_clients">
<tr><td class="borders1"><b>Edit</b></td>
<td class="borders1"><b>Delete</b></td>
<td class="borders1"><b>Last Name</b></td>
<td class="borders1"><b>First Name</b></td>
<td class="borders1"><b>Email</b></td>
<td class="borders1"><b>Date Registered</b></td>
</tr><tr>
	<td class="borders1"><a href="edit_record.php?id=25">Edit</a></td>
	<td class="borders1"><a href="delete_record.php?id=25">Delete</a></td>
	<td class="borders1">pass</td>
	<td class="borders1">admin</td>
	<td class="borders1">email1@email.com</td>
	<td class="borders1">April 01, 2015</td>
	</tr><tr>
	<td class="borders1"><a href="edit_record.php?id=26">Edit</a></td>
	<td class="borders1"><a href="delete_record.php?id=26">Delete</a></td>
	<td class="borders1">woejmfiowe</td>
	<td class="borders1">oijweiof</td>
	<td class="borders1">iwuefnhui@iuhfedi.com</td>
	<td class="borders1">April 02, 2015</td>
	</tr><tr>
	<td class="borders1"><a href="edit_record.php?id=27">Edit</a></td>
	<td class="borders1"><a href="delete_record.php?id=27">Delete</a></td>
	<td class="borders1">w4t345t34t</td>
	<td class="borders1">wetfwf</td>
	<td class="borders1">jnheiwu@uiwefhi.com</td>
	<td class="borders1">April 02, 2015</td>
	</tr><tr>
	<td class="borders1"><a href="edit_record.php?id=28">Edit</a></td>
	<td class="borders1"><a href="delete_record.php?id=28">Delete</a></td>
	<td class="borders1">43t3t</td>
	<td class="borders1">ertko3p4</td>
	<td class="borders1">45y@wepokf.com</td>
	<td class="borders1">April 02, 2015</td>
	</tr></table></div><p>Total membership: 5</p><p><a href="register-view-users.php?s=4&p=2">Next</a> </p>
 
</div>
 
</div>
<div>
 
</div>
 
<div id="footer">
<p>Created by J.C.</p>
</div>
 
 
</body>
 
</html>

Codigo CSS (la referencia para el footer lo puse al final):

Código

body {
margin: 0 ;
padding: 0 ;
font-size: 14px ;
line-height: 18px ;
 
}
 
header {
background: rgb(193,0,0);
padding: 10px ;
text-align: center;
border-width: 0px 0px 1px 0px;
border-style: solid;
position:fixed;
top:0px;
width:100%;
}
 
 
 
h1 {
color: #fff ;
margin-top: 2px;
}
 
/*  h2 view registered users */
.log-in {
margin-top: 150px;
 
padding-top: 2px;
}
 
 
i {
color: black;
}
 
 
.inul {
 list-style-type: none;
    padding: 0px ;
    margin: 0px ;
    }
 
inavigation {
text-align: center ;
height: 25px ;
}
 
.libut {
display: inline ;
border-width: 1px ;
border-style: solid ;
margin: 100px auto ;
background: #fff;
padding: 5px 10px ;
}
 
 
 
 
 
.label {
 
margin: 10px 28px;
 
}
 
 
.label1 {
 
margin: 10px auto;
font-size: 24px;
 
}
 
 
 
input {
display: block ;
margin: 0 auto ;
 
}
 
#clo {
 
 
}
 
 
 
 
body {
 
background-color: white;
   text-align:  center;
  }
 
 
  a {color:red;
  text-decoration: none;
 
 
 
 
 
  }
 p    {color: rgb(224,0,0);}
 
  fieldset{
  border: 1px solid ;
  max-width: 280px;
  min-width: 150px;
  margin:auto;
}
 
 
 
#flds  {
  border: 1px solid ;
  max-width: 320px;
  min-width: 150px;
  margin:auto;
  margin-top: -100px;
}
 
 
 
 form {
text-align: left;
}
 
  input {
display: block ;
margin: 0 auto ;
 
}
 
.button1 {
width: 135px;
 
border: 1px;
border-style: solid;
border-radius: 120px;
background-color: rgb(205,0,0);
margin: 20px auto;
padding-top: 60px;
padding-bottom:60px;
color: white;
 
}
 
.button1:active {
background: white;
color: red;
}
 
 
button:hover {
color: red;
}
 
 
.button2 {
width: 135px;
 
border: 1px;
border-style: solid;
border-radius: 120px;
background: white;
margin: 50px auto;
padding-top: 60px;
padding-bottom:60px;
color: red;
 
}
 
.button2:active {
background: red;
color: white;
}
 
 
 
 
 
#inavigation2 {
margin: 170px auto 0px auto;
font-size: 24px;
font-size: 2em;
 
width:135px;
padding-bottom:0px;
padding-top:0px;
border-radius: 120px;
 
background-color: white;
 
}
 
 
 
 
 
 
 
 
 
 
#content {
margin-top:130px;
margin-bottom: 60px;
 
 
}
 
 
 
#login {
margin-top: 60px;
}
 
#fhidden {
display: none;
margin-bottom:0px;
 
}
 
.fhidden input {
 
font-size: 18px;
}
 
 
 
.navbut input {
 
display: inline;
padding: 22px;
margin: auto auto;
margin-left: 6px;
 
}
 
.navbut {
margin: 0 auto;
}
 
 
 
 
 
 
.borders1 {
border: solid 1px black;
margin-right: auto;
margin-left: auto;
 
}
 
 
 
 
/* ------- */
 
 
 
 
#nav li {
 
display: inline ;
border-width: 0px 1px 0 0;
border-style: solid ;
background: #fff;
padding: 0px 5px;
}
 
 
 
 
 
 
 
 
 
 
 
#nav #fli {
border-width: 0px;
border-style: solid ;
}
 
 
 
 
 
#nav ul{
 
 list-style-type: none;
    padding: 0px 5px ;
    margin: 0px ;
 
}
 
 
 
 
 
#nav {
top:78px;
position:fixed;
background: #fff;
 
width:100%;
padding: 2px;
border-width: 0px;
border-bottom-width: 1px;
border-style:solid;
margin: auto auto;
 
}
 
 
 
 
#t_register_clients {
margin: auto;
margin-left: auto;
margin-right: auto;
 
 
}
 
 
 
 
 
 
 
#footer {
 
background: black;
margin: 0px auto 0px auto;
position: fixed;
bottom:0px;
height: 30px;
width:100%;
}