Foros del Web » Programando para Internet » PHP »

Como hacer que mi tabla no choque con el pie de pagina?

Estas en el tema de Como hacer que mi tabla no choque con el pie de pagina? en el foro de PHP en Foros del Web. Hola que tal, tengo una duda, quizas un poco boba, pero pues al final me esta causando conflictos :( ya he calado hacer varias cosas ...
  #1 (permalink)  
Antiguo 22/08/2014, 08:03
 
Fecha de Ingreso: julio-2014
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Como hacer que mi tabla no choque con el pie de pagina?

Hola que tal, tengo una duda, quizas un poco boba, pero pues al final me esta causando conflictos :(
ya he calado hacer varias cosas pero simplemente no me queda

lo que pasa es que estoy construyendo una tabla con datos obtenidos de una base de datos, y se va actualizando constantemente... pero llega el punto en que cuando pasa de los 6 registros la tabla choca con el pie de pagina y sigue creciendo ...

como podria solucionar esto?
les paso mi codigo
espero y puedan ayudarme :(

Código PHP:
<?php
include("./funciones/funciones.php");
$con =  conecta ();

$sql="select * from reporte ";
$result=mysql_query($sql) or die("Error en SQL:".$sql);
$row_rstipo mysql_fetch_assoc($result);


?>



<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>----Reporte de fallos----</title>
<link rel="stylesheet" href="./css/estilos.css" type="text/css" />

<script src="Funciones/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="maxheight.js" type="text/javascript"></script>



<style type="text/css">



table {
        border-collapse:collapse;
        background:#EFF4FB url(http://www.roscripts.com/images/teaser.gif) repeat-x;
        border-left:1px solid #686868;
        border-right:1px solid #686868;
        font:1em/145% 'Trebuchet MS',helvetica,arial,verdana;
        color: #333;
        position: absolute;top:-100px;
position: absolute;bottom: 20px;
position: absolute;left: -100px;    
position: absolute;right: 20px;

}

td, th {
        padding:5px;

}

caption {
        padding: 0 0 .5em 0;
        text-align: left;
        font-size: 1.4em;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
        background: transparent;
}

/* =links
----------------------------------------------- */

table a {
        color:#950000;
        text-decoration:none;

}

table a:link {}

table a:visited {
        font-weight:normal;
        color:#666;
        text-decoration: line-through;
        
}

table a:hover {
        border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
        background:#333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;
        color:#fff
}

tfoot td {
        text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
        border-bottom: dotted 1px #333;
}

tbody th {
        white-space: nowrap;
}

tbody th a {
        color:#333;
}

.odd {}

tbody tr:hover {
        background:#fafafa


}</style>

</head>
<body background="./imagenes/bg_top3.gif" >

    <div class="contenedorHeader"></div>
    <!--Inicia header-->
    <div class="encabezado"></div>
    
    
    <!--/header-->

    <div class="contenido"></div>

    <div class="error" id="msgError"></div>

<div class="cerrar_sesion">
    <h2>Cerrar Sesion</h2>
</div>
<div class ="salirphp">
<?php echo '<a href="login.php?modo=desconectar"><img src="./imagenes/cerrar1.jpg" width="100" height="100" align ="right" /></a>'?>
</div>

<div class="usuario">

                    <table width="900" height="50" border="1" align="left" cellpadding="1" cellspacing="1" bordercolor="#aaaaaa" >

        <tr>
            <td align="center" valign="middle" bgcolor="##FF0000" style="color: #FFF"><b>Atender Reporte</b></td>
            <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">ID del Reporte</td>
          <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Empresa</td>
          <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Nombre</td>
      <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Correo</td>
      <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Ubicacion</td>
    <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Tipo de falla</td>
               <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Observaciones</td>
               <td align="center" valign="middle" bgcolor="#009FFF" style="color: #FFF">Status</td>
       </tr>    
<?php 
        
do { 
            
$empresa $row_rstipo['empresa'];
            
$sql "SELECT * FROM empresa WHERE id = $empresa";
            
$empres mysql_query($sql);
            
$row_empresa mysql_fetch_assoc($empres);
            
$nombre_empresa $row_empresa['nombre'];

            
$ubicacion $row_rstipo['ubicacion'];
            
$sql "SELECT * FROM ubicacion WHERE id = $ubicacion";
            
$ubi mysql_query($sql);
            
$row_ubicacion mysql_fetch_assoc($ubi);
            
$nombre_ubicacion $row_ubicacion['nombre'];

            
$status $row_rstipo['status'];
            
$sql "SELECT * FROM status WHERE id = $status";
            
$sta mysql_query($sql);
            
$row_status mysql_fetch_assoc($sta);
            
$nombre_status $row_status['nombre'];

            
$select1 $row_rstipo['select1'];
            
$sql ="SELECT opcion from select_1 WHERE id=$select1";
            
$s1 mysql_query($sql);
            
$row_select1 mysql_fetch_assoc($s1);
            
$nombre_select1 $row_select1['opcion'];

            
$select2 $row_rstipo['select2'];
            
$sql ="SELECT opcion from select_2 WHERE id=$select2";
            
$s2 mysql_query($sql);
            
$row_select2 mysql_fetch_assoc($s2);
            
$nombre_select2 $row_select2['opcion'];

            
$select3 $row_rstipo['select3'];
            
$sql ="SELECT opcion from select_3 WHERE id=$select3";
            
$s3 mysql_query($sql);
            
$row_select3 mysql_fetch_assoc($s3);
            
$nombre_select3 $row_select3['opcion'];

        
?>
          <tr> 
              <td><a href="check.php?ID=<?php echo $row_rstipo['id']; ?>"  ><img src="./imagenes/reporte.png" width="50" height="50" align ="right" /><center>Ver</center></a></td>
               <td align="center"><?php printf(" INC%04s",  $s);  ?><?php echo $row_rstipo['id']; ?></td> 
            <td align="center"><?php echo $nombre_empresa?></td>
            <td align="center"><?php echo $row_rstipo['nombre']; ?></td>
            <td align="right"><center><?php echo $row_rstipo['correo']; ?></center></td>
            <td align="center"><?php echo $nombre_ubicacion?></td>

            <td align="center" width="17%"><?php echo "-$nombre_select1<br> -$nombre_select2<br> -$nombre_select3"?></td>

             <td align="center"><?php echo $row_rstipo['observaciones']; ?></td>
            <td align="center"><?php echo $nombre_status?></td>
          </tr>
          <?php } while ($row_rstipo mysql_fetch_assoc($result)); ?>
</table>
                    
                    
                </div>
    
    <!--/contenido-->

<div class="bot1"><a href="http://www.ajua.mx/#id_menu"> <img src ="./imagenes/b1.png"></a> </div>
<div class="bot2"><a href="http://www.ajua.mx/aviso-de-privacidad.html"> <img src ="./imagenes/b2.png"></a> </div>

    <div class="pie">
    
    <!--/pie-->
<div id="footer">
                <div class="indent">
                    &copy; 2014 ajua S.A de C.V             
                    <br>&bull;&nbsp;Todos los derechos reservados Lic. David Parlow</br>
                </div>
    </div>
</div>

    <!--contenedorHeader-->

</body>
</html>
  #2 (permalink)  
Antiguo 22/08/2014, 09:44
 
Fecha de Ingreso: agosto-2013
Ubicación: Talca
Mensajes: 40
Antigüedad: 10 años, 8 meses
Puntos: 1
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

Me acuerdo que hace un tiempo tuve un problema parecido (mi tabla chocaba con el pie) y lo que hice fue aplicarle un margin-bottom a la tabla o al div donde estaban los datos y problema solucionado. No se si es lo que buscas. Salu2
  #3 (permalink)  
Antiguo 23/08/2014, 17:31
Avatar de toledo_nocturno  
Fecha de Ingreso: agosto-2011
Ubicación: Under the northen star
Mensajes: 86
Antigüedad: 12 años, 8 meses
Puntos: 5
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

Muy buenas,

Si, como dice Cristian, si es tema de maquetación, añade margin-bottom o un <br /> y por lo menos prueba a ver si te da el margen suficiente.

Un saludo
__________________
diseño web | Clan Rol
  #4 (permalink)  
Antiguo 24/08/2014, 10:36
 
Fecha de Ingreso: julio-2014
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

estem..... no pude :/
  #5 (permalink)  
Antiguo 24/08/2014, 10:36
 
Fecha de Ingreso: julio-2014
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

con el margin no pude
y con los br si, pero es lo mismo, si sigo metiendo registros se sigue comiendo el pie de pagina :/
  #6 (permalink)  
Antiguo 24/08/2014, 10:43
 
Fecha de Ingreso: abril-2014
Mensajes: 37
Antigüedad: 10 años
Puntos: 2
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

y si en vez de un margin bottom, agregas un margin top al pie de pagina?
  #7 (permalink)  
Antiguo 24/08/2014, 11:12
 
Fecha de Ingreso: julio-2014
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

Asi tengo mi pie ahorita.....

como crees que sea conveniente entonces?

.pie {
width:1335px;
height:280px;
background:url("../imagenes/pie.png");
margin:auto;
  #8 (permalink)  
Antiguo 24/08/2014, 11:54
 
Fecha de Ingreso: agosto-2014
Mensajes: 35
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

proba con el margin-top:10px; o el numero de px q quieras en el footer, te recomiendo este enlace http://librosweb.es/css/capitulo_4/margen_y_relleno.html y veas sobre los "max-height", "min-height", y los "overflow (hidden, scroll, auto)" q ayudan en la maquetacion en css3
  #9 (permalink)  
Antiguo 24/08/2014, 22:00
 
Fecha de Ingreso: julio-2014
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como hacer que mi tabla no choque con el pie de pagina?

Funciona... pero si la tabla sigue creciendo llega el momento donde vuelve a alcanzar al pie :(

Etiquetas: html, mysql, pie, registro, select, sql, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:18.