Problemas con buscador en sitio web

kanikase Seguir

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.716
Necesito ayuda para mi buscador de Google, el problemas es que como aqui en foro beta, canbie la palabra "Buscar" por una imagen, el problema es que todo el css esta hecho a la resolucion de mi pantalla, y al cambiarla la imagen para buscar se mueve de posicion, me gustaria que alguien me puediera ayudar, esto es lo que utilizo:

HTML:
HTML:
<div id="buscador">
<form action="http://www.google.com.mx" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxx:xxxxxxxxxx" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="38" />
    <span class="imgbuscar"><input type="image" name="submit" alt="Buscar" src="http://lojuegas.tk/content/search.png" title="Buscar" /></span>
  </div>
</form>

<script type="text/javascript" src="http://www.google.com.mx/coop/cse/brand?form=cse-search-box&amp;lang=es"></script></div>

Y este es el css:
HTML:
<style>#buscador {
position:absolute;
float:right;
margin-left:703px;
z-index:99999;
}
.imgbuscar {
position: absolute;
margin-left: 246px;
margin-top: -29px;
}</style>

El resultado en mi resolucion es este:

140407015028151395.png


Y el resultado en una resolucion mas chica:

140407015031425177.png


Esta es la pagina donde lo tengo: LoJuegas | Juegos gratis online y por categorias aqui los encontraras.
 

Galbatorix

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 May 2013
Mensajes
1.231
Pero creo que no te refieres a la resolución de la pantalla. Esta, por lo regular, se mide en pixeles y es común encontrar sitios como el tuyo, hechos para dimensiones fijas. Un dispositivo con un medio de presentación menor a 990px va a tener problemas para ver tu sitio, porque las dimensiones fijas hacen que una parte de él quede fuera de la presentación, ya que tu sitio no es adaptable.

Así que creo que te refieres al zoom de la página y cada navegador va a manejar esto de forma distinta. Algunos reducen de forma proporcional todo el contenido, otros reducen solo el texto, pero no creo que esto pueda controlarse con hojas de estilo.

Yo en mi laptop veo bien tu sitio, en mi teléfono no veo nada.
 

Javieer

Gamma
Programador
Desde
2 Ago 2013
Mensajes
161
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Intenta cambiar el css de imgbuscar

HTML:
.imgbuscar {
float:left;
margin-left: -29px;
}
 
Arriba