Tengo un fichero web en php que contiene una tabla conectado a una base de datos el problema es que a la izquierda muestro una imagen que se repite en eje Y y cuando la tabla muestra muchos datos la imagen no llega a repetirse hasta el final de la pagina les muestro el codigo
Código:
y el codigo css es este <!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Home</title>
<meta name="viewport" content="width=958">
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div class="navizquierda">
</div>
<div class="divmain">
<div class="contenedortabla">
<?php
$tipousuario = 'administrador';
//tomamos los datos del archivo conexion.php
include("conexion.php");
$link = Conectarse();
//se envia la consulta
$result = mysql_query("SELECT * FROM COCHES", $link);
//se despliega el resultado
echo "<div class='container'>";
echo "<table class='table table-bordered'>";
echo "<tr>";
echo "<th class='warning'>Nombre</th>";
echo "<th class='warning'>Comentario</th>";
echo "<th class='warning'>Fecha</th>";
if ($tipousuario == 'administrador')
{
echo "<th class='warning'>Accion</th>";
}
echo "</tr>";
while ($row = mysql_fetch_row($result))
{
echo "<tr>";
echo "<td>$row[1]</td>";
echo "<td>$row[2]</td>";
echo "<td>$row[3]</td>";
if ($tipousuario == 'administrador')
{
echo "<td><a class='btn' href='eliminar.php?id=".$row['0']." <button type='button' class='btn'>Borrar Registro</button></td></a>";
}
echo "<form>";
}
echo "</tr>";
echo "</table>";
echo "</div>";
?>
</div>
</div>
</body>
</html>
Código:
Les muestro una imagen como ven se ve correctamente pero cuando la tabla muestra excesivos datos al hacer scroll hacia abajo llega un punto en el que la imagen no sigue hasta el final modificando en el css el height del body la imagen funciona correctamente poniendole mas pixeles pero tengo que estar modificando a manos en el css los pixeles para que la imagen se adapte a la cantidad de datos que muestra ya que dependiendo si la tabla es mas larga o corta se ve o no.body
{
margin:0;padding:0;word-wrap:break-word;
height:1000px;
background:#ffffff url('imagenes/derecha.png') repeat scroll center top;
background-size:auto;
}
.navizquierda
{
height: inherit;
width:100%;
min-width:958px;
margin:0;
position:absolute;
background:transparent url('imagenes/izquierda.png') repeat-y scroll left top;
background-size:auto;
}
.divmain
{
background:transparent;
margin-left:auto;
margin-right:auto;
position:relative;
width:1800px;
height:inherit;
}
.contenedortabla
{
position: absolute;
left: 500px;
top:96px;
width: auto;
height: auto;
overflow: hidden;
}
