Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 31/05/2011, 20:50

pampa_:

Además de lo dicho por alexg88, tenias varios errores más, te limpie el html, pero te dejo a vos corregir el css, ya que ahora se ve bien en IE pero la posición del form no se ve bien (se centra ) en firefox, en chrome y Opera se sigue viendo ok

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TONI MAS</title>
 
<script src="http://www.inmueblesamas.es/jquery-1.5.1.min.js" type="text/javascript">
</script>
<link href="http://www.inmueblesamas.es/css/default.css" rel="stylesheet" type="text/css" />
<!--
<script type="text/javascript">
    var GB_ROOT_DIR = "./greybox/greybox/";
</script>
<script type="text/javascript" src="http://www.inmueblesamas.es/greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="http://www.inmueblesamas.es/greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="http://www.inmueblesamas.es/greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
-->
 
<script type="text/javascript">
//<![CDATA[
var lista = new Array('http://www.inmueblesamas.es/images/imagen1.gif', 'http://www.inmueblesamas.es/images/imagen2.gif', 'http://www.inmueblesamas.es/images/imagen3.gif' , 'http://www.inmueblesamas.es/images/imagen4.gif');
var contador = 0;
var tiempo = 0;
var tempor = null;
function cambio(sen)
{
contador+= sen;
if (contador ==lista.length)
     contador = lista.length-1;
else
    if (contador < 0) contador = 0;
        document.images.centro.src = lista[contador]
window.status="Imagen número "+contador
}
function reset()
{
contador = 0;
fin = false;
document.images.centro.src = lista[0]
}
function automat(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automático";
if (isNaN(tiempo) || tiempo <= 0)
    alert("Error en el tiempo")
else
    tempor = setTimeout("pasar()", tiempo)
}
function parar()
{
clearTimeout(tempor);
}
function pasar()
{
cambio(1);
if (contador < lista.length-1)
    tempor = setTimeout("pasar()", tiempo)
}
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
 
 $(document).ready(function(){
  $("div#menu-izq").height($("div#main").height())
 });
 
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function() {  
 $(".boton").click(function(event) {  
 $("#menu-der").load('external.htm',aviso());  
 });  
 });  
 function aviso(){  
 alert('La solicitud ha sido procesada');  
 }  
//]]>
 
</script>
 
<script type="text/javascript">
//<![CDATA[
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
 
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}
 
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
 
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
 
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
 select.c3 {width:100%}
 p.c2 {font-size:14px;}
 div.c1 {OVERFLOW: auto; WIDTH: 572px; HEIGHT: 496px}
/*]]>*/
</style>
</head>
<body>
<div id="container">
<div id="topbar"><img src="http://www.inmueblesamas.es/images/titulo.jpg" alt="#########" /></div>
<div id="marquesina">Listado de Inmuebles de Antonio Mas Mañez</div>
<div id="main">
<div id="menu-der" class="c1">
</div>
<div id="menu-izq"><br />
<!-- style="margin:0; margin-left:122px;  margin-right:122px;"
   <form name="form1" method="post" action="consulta.php">  -->
 
<ul>
<li><a href="javascript:ajaxpage('quienessomos.html',%20'menu-der');">¿Quiénes somos?</a></li>
<li><a href="javascript:ajaxpage('contacto.html',%20'menu-der');">Contacto</a></li>
</ul>
<br />
<form name="form1" action="" method="post" id="form1">
<fieldset>
<legend>Buscar inmuebles</legend>
<p class="menuizq">Tipo de inmueble</p>
 
<select class="c3" id="tipo" name="tipo">
<option value="selec" selected="selected">-selecciona-</option>
 
<option value="piso">Piso</option>
<option value="casa">Casa</option>
<option value="chalet">Chalet</option>
<option value="duplex">Duplex</option>
<option value="oficina">Oficina</option>
<option value="bajo">Bajo</option>
<option value="estudio">Estudio</option>
 
</select>
<p class="menuizq">Gestión</p>
 
<select class="c3" id="gestion" name="gestion">
<option value="selec" selected="selected">-selecciona-</option>
<option value="alquiler">Alquiler</option>
<option value="compra">Compra</option>
</select>
<p class="menuizq">Precio entre</p>
<p id="recargar"><select class="c3" id="minimo" name="minimo">
<option value="" selected="selected">-minimo-</option>
</select></p>
 
<script type="text/javascript">
//<![CDATA[
   $('#gestion').change(function(){
   $('#recargar').load('index.php?variablenumero='+$('#gestion').val()+'#minimo');
   });
//]]>
</script>
 
<p class="menuizq">Y</p>
<select class="c3" id="maximo" name="maximo">
<option value="" selected="selected">-maximo-</option>
<option value="10000">10.000</option>
<option value="20000">20.000</option>
<option value="50000">50.000</option>
<option value="100000">100.000</option>
<option value="200000">200.000</option>
 
<option value="300000">300.000</option>
 
<option value="400000">400.000</option>
<option value="500000">500.000</option>
<option value="1000000">1.000.000</option>
</select>
<p class="menuizq">Localidad</p>
<select class="c3" id="localidad" name="localidad">
<option value="" selected="selected">-selecciona-</option>
<option value="Alborache">Alborache</option>
<option value="Bu&amp;ntildeol">Buñol</option>
 
<option value="Cheste">Cheste</option>
<option value="Chiva">Chiva</option>
<option value="Macastre">Macastre</option>
<option value="Requena">Requena</option>
<option value="Utiel">Utiel</option>
<option value="Yatova">Yatova</option>
</select></fieldset>
<input align="right" type="submit" name="buscar" value="Buscar" /></form>
</div>
<!--<script type="text/javascript">
  document.getElementById("menu-izquierda").style.height = document.getElementById("main").style.height;
  </script>
  -->
 
<!--
   while ($row = mysql_fetch_row($result)){
   
   $trans=array("&ntilde"=>"ñ"); //funcion para poder mostrar las ñ que en mysql son &ntilde
   $row[4]=strtr($row[4],$trans);
   
   
   echo "<td><img src='$row[5]'></img></td> \n";
   echo "<tr><td>Localidad: $row[4]</td></tr>\n";
   echo "<tr><td>Tipo: $row[1]</td></tr>\n";
   echo "<tr><td>Gestion: $row[2]</td></tr>\n";
   echo "<tr><td>Precio: $row[3]</td></tr>\n"; 
 
   $numero_rows = mysql_num_rows($result);
   echo ".$numero_rows.";
   
   echo "<tr><td width=160><img src='$row[5]'></img></td><td width=160><img src='$row[5]'></img></td></tr>";
   //echo'<td width="50%"></td>';
   
   //echo "\n";
   //echo "<td><a href='http://www.google.es'> $row[4] </a></td>";
   //echo "<td>$row[4]</td> \n";
   //echo "</tr> \n";
   }
  
  --></div>
<!-- <div class="spacer"></div> -->
<!--
 <script>
 var a=document.getElementById("main").scrollHeight;
alert(a);
var b=document.getElementById("menu-izq").scrollHeight;
alert(b);
 
</script>-->
<div id="footer"><br />
Página desarrollada por Rubén Ferrer Ortiz</div>
</div>
</body>
</html>

Saludos