Hola a todos queria hacerles una consulta tengo un problema con una etiqueta div que contiene una imagen les explico
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:
<!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>
y el codigo css es este
Código:
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;
}
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.