hola a todos
desculpate la demora ma ho tenido un problema de conexion.
lo entente pero nada ve incluio el div de la hizquierda se pasa y se pone atras dep pie de pagina incluyo el codigo:
<?php
// Inicializamos sesion
require_once('class/vetrina.php');
session_start();
// Comprovamos si existe la variable
date_default_timezone_set('Europe/Madrid');
$fechaactual =date('Y-m-d');
?>
<html>
<head>
<title>Home usuario</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/home_user.css"/>
<script>
function enviar_formulario(){
document.form1.submit()
}
</script>
<script>
function enviar_formulario(){
document.form1.submit()
}
</script>
<script language="javascript">
<!--
function ClearForm() {
if (form1.ami.value= ""){
document.form1.ami.value= "Buscar amigos";
}else{
document.form1.ami.value= "";
}
}
//-->
</script>
<style type="text/css">
#buscar {
position:relative;
width:380px;
height:153px;
z-index:7;
left: 863px;
top: 210px;
}
#busco {
position:absolute;
width:170px;
height:60px;
z-index:8;
left: 120px;
top: 38px;
background-color: #FF0000;
}
input:focus{
outline:none;
-moz-box-shadow: 0 0px 10px #7DBEF1;
-webkit-box-shadow: 0 0px 10px #7DBEF1;
box-shadow: 0 0px 10px #7DBEF1;
border: 1px solid #7DBEF1;
}
#apDiv1 {
position:absolute;
left:20px;
top:10px;
width:870px;
height:400px;
z-index:1;
}
#bajo {
top: 0px;
position: relative;
border: 6px none #0C6;
width: 1277px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;/* height: 1350px;*/
}
#blomenu {
position:relative;
width:494px;
height:115px;
z-index:9;
left: 290px;
top: 123px;
background-color: #9F3;
}
#apDiv2 {
position:absolute;
width:468px;
height:146px;
z-index:9;
left: 409px;
top: 207px;
}
.body {
margin: 0px;
overflow:auto;
left: 0px;
right: 0px;
bottom: 0px;
top: auto;
}
#apDiv14 {
position:relative;
width:1277px;
height:264px;
z-index:12;
left: -3px;
top: 50px;
background-image: url(images_user/inicio_user_14.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #303030;
border: 1px solid #303030;
clear: both;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:13;
left: -122px;
top: 1420px;
}
#contenidorbajo {
position:absolute;
width:1279px;
z-index:10;
left: 76px;
top: 344px;
}
#bajos {
/* position:absolute;*/
width:1280px;
/* height:936px;*/
z-index:10;
left: 0px;
top: 0px;
}
#divmenus {
position:absolute;
width:454px;
height:82px;
z-index:10;
left: 354px;
top: -65px;
}
#apDiv12 {
position:absolute;
left:980px;
top:200px;
width:180px;
height:130px;
z-index:11;
}
#apDiv15 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 110px;
}
#apDiv16 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#varisess {
position:absolute;
width:240px;
height:35px;
z-index:1;
left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
top: 5px;
}
#apDiv17 {
position:absolute;
width:200px;
height:115px;
z-index:13;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
<!--//.clearfix {display: inline-block;} /* for IE/Mac */#apDiv10 {
position:absolute;
width:200px;
height:115px;
z-index:9;
}
#apDiv11 {
position:absolute;
width:200px;
height:1px;
z-index:9;
left: 100px;
background-color: #0066FF;
top: 24px;
}
#apDiv18 {
position:absolute;
width:200px;
height:35px;
z-index:1;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
top: 5px;
}
-->
</style>
</head>
<body class="body">
<div id="bajo">
<!-- End Save for Web Slices -->
<div id="buscar">
<iframe name="busca" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" src="php_user/vacio.php" width="99%" height="99%" >
tu navegador no soporta iframes
</iframe>
</div>
<map name="Map">
<area shape="rect" coords="310,11,349,24" href="#">
<area shape="rect" coords="270,11,290,24" href="#">
</map>
<div id="apDiv4" style="position: absolute; left: 0px; top: 0px; width: 481px; height: 46px; z-index: 2;">
<div id="varisess"><?php echo $_SESSION['usuario']?></div>
<img src="images_user/inicio_user_01.gif"> vertical-align: middle"></div>
<div id="apDiv5" style="position: absolute; left: 481px; top: 0px; width: 340px; height: 181px; z-index: 3"><img src="images_user/inicio_user_02.gif" alt="" width="340" height="181" align="top"></div>
<div id="apDiv6" style="position: absolute; left: 821px; top: 0px; width: 459px; height: 46px; z-index: 4">
<div id="apDiv18"><?php echo $_SESSION['ciudad']?></div>
<img src="images_user/inicio_user_03.gif" alt="" width="459" height="46" border="0" usemap="#Map"></div>
<div id="apDiv7" style="position: absolute; left: 0px; top: 46px; width: 481px; height: 149px; z-index: 5; vertical-align: middle"><img src="images_user/inicio_user_04.gif" width="481" height="135" alt=""></div>
<div id="apDiv8" style="position: relative; left: 821px; top: -110px; width: 459px; height: 149px; z-index: 6; background: #FFF; visibility: visible;">
<table width="100%" border="0">
<tr>
<td><img src="images_user/inicio_user_09.gif" width="382" height="149" border="0" align="right" usemap="#Map2"></td>
</tr>
</table>
</div>
<div id="apDiv9" style="position: absolute; left: 0px; top: 195px; width: 321px; height: 149px; z-index: 7"><img src="images_user/INDEX_WEB_06.gif" width="321" height="149" alt=""></div>
<!--<div id="apDiv17"></div>-->
<div id="apDiv22" style="position: relative; left: 0px; top: 0px; width: 1254px; height:2000px; z-index: 10; overflow:scroll vertical-align: top; height: 100%;">
<div id="apDiv42" style="position: relative; left: 0px; top: 70px; width: 852px; height:1130px; z-index: 10;overflow:scroll vertical-align: top;">
<iframe name="vetrina" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" src="php_user/vetrinahome.php" width="99%" height="99%" >
tu navegador no soporta iframes
</iframe>
<div id="apDiv13" style="position: absolute; left: 864px; top: 0px; width: 395px; height:1130px; z-index: 11;">
<iframe name="reserva" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" src="php_user/amigos.php" width="99%" height="99%" >
tu navegador no soporta iframes
</iframe>
</div>
<div id="apDiv14">
<div id="menu">
<ul>
<li><a href="#">Información sobre BeSuite</a></li>
<li><a href="#">Condiciones de servicio</a></li>
<li><a href="#">Informaciones sobre privacidad</a></li>
<li><a href="#">Trabaja con nosotros</a></li>
</ul>
</div>
<div id="menutres">
<ul>
<li><a href="#">Log In</a></li>
<li><a href="#">Inscribete a newsletter</a></li>
<li><a href="#">Date de Baja</a></li>
</ul>
</div>
</div>
</div>
<div id="divmenus">
<div id="hmenuuno" class="hbuttonsuno">
<a href="php_user/fecha.php" target="busca"></a>
</div>
<div id="hmenudos"class="hbuttonsdos">
<a href="php_user/musica.php" target="busca"></a>
</div>
<div id="hmenutres" class="hbuttonstres">
<a href="php_user/fiestas.php" target="busca"></a>
</div>
<div id="hmenucuatro"class="hbuttonscuatro">
<a href="php_user/precio.php" target="busca"></a>
</div>
<div id="hmenucinco" class="hbuttonscinco">
<a href="php_user/sexo.php" target="busca"></a>
</div>
<div id="hmenuseis"class="hbuttonsseis">
<a href="php_user/edad.php" target="busca"></a>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<map name="Map2">
<area shape="rect" coords="34,35,265,70" href="php_user/buscar_form.php" target="busca">
</map>
</body>
</html>
gracias
un saludo