Tienes que localizar la función PHP que pinta la tabla, parece ser la última:
Código PHP:
$miconexion->verconsulta();
Modifica el script para que esta salida se haga dentro del div:
Código PHP:
<?php session_start(); ?>
<html>
<head>
<title>Listado de pedidos - Inicio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#container {
background-color: #99F;
}
#container #titulo1 {
background-color: #09F;
text-align: center;
border: 5px solid #99F;
font-style: normal;
font-weight: bold;
}
#container #titulo2 {
background-color: #09F;
text-align: center;
border: 5px solid #99F;
font-weight: bold;
}
#formulario {
text-align: center;
}
</style>
</head>
<body>
<div id="container">
<div id="titulo1">
LISTADO DE PEDIDOS PENDIENTES </div>
<div id="titulo2">
<p>LISTADO DE PEDIDOS</p>
</div>
<div id="productos">
<?php
setlocale(LC_ALL,"es_ES@euro","es.ES");
require_once ('pedidos.php');
$miconexion = new pedido;
$miconexion->conectar("tablasalmacen", "localhost", "root", "");
$miconexion->consulta("SELECT * FROM producto, cantidad ,fecha,precio,tipo");
$miconexion->verconsulta();
?>
</div>
</div>
<div id="formulario">
<form id="form1" name="form1" method="post" action="">
<label>Nombre
<input type="text" name="nombre" id="nombre" />
</label><br />
<label>Cantidad
<input type="text" name="cantidad" id="cantidad" />
</label><br />
<label>Precio Unidad
<input type="text" name="preciounidad" id="preciounidad" />
</label><br />
<label>Tipo
<select name="tipo" id="tipo">
<option value="normal">Normal
<option value="reducido">Reducido
</select>
</label> <br />
<label>
<input type="submit" name="añadir" id="añadir" value="Añadir" />
</label>
</form>
Prueba esto es tu navegador y modifica el código hasta que salga como quieres, un saludo