Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/04/2013, 11:27
Avatar de xarmagedonx
xarmagedonx
 
Fecha de Ingreso: marzo-2009
Mensajes: 360
Antigüedad: 15 años, 1 mes
Puntos: 29
Busqueda Divs para resultados Mysql

Hola FDW, quería lograr mostrar las búsquedas así como hace Google, que centra los resultados y a la izquierda las herramientas de búsqueda, como si fueran 2 columnas.

Actualmente lo hago así:
Código HTML:
Ver original
  1. echo "<div id=\"Estructura\">";
  2.    echo "<div id=\"Anuncios\">";
  3.    echo "<p>Hola, este es un ejemplo de un anuncio, que también puede ser una imagen</p>";
  4.    echo "</div>";
  5.    echo "<div id=\"Resultados\">";
  6.   while($row = $sqlBuscar->fetch_array(MYSQLI_BOTH)){
  7.             echo "<strong><a href=$row[weburl]>$row[webTitulo]</a></strong>";
  8.             echo "<p>$row[weburl]</p>";
  9.             echo "<p>".substr(strip_tags($row['webDescripcion']), 0, 255)."...</p>";
  10.         }  
  11.    echo "</div>";
  12.    echo "</div>";;

Y este es el código CSS:

Código CSS:
Ver original
  1. #Resultados {
  2.    margin:0 auto;
  3.    width: 650px;
  4. }
  5. #Anuncios {
  6.    float: left;
  7.    width: 150px;
  8. }
  9. #Estructura{
  10.    overflow: hidden;
  11.    width: auto;
  12. }

Solo logro centrar los resultados, pero los anuncios no pueden mostrarse bien, cuando intento mostrarlos a la izquierda se superponen con los resultados y no se entiende nada.

¿como puedo lograr que los resultados se vean en el centro, y que a la izquierda aparezca el anuncio?

Algo así como hace Google, que muestra los resultados en el centro, y en la columna izquierda se ven las herramientas de búsqueda algunas veces.

Saludos y gracias!