[SOLUCIONADO] Me he metido en un lío

[riquett182]

Bueno antes que nada, holas a todos soy nuevo en esto de la web, desde hace un par de meses me he puesto en forma a estudiar html y css, (he tenido la motivación desde hace mucho, pero por diferentes cuestiones etc, no he podido ajuiciarme), el caso es que me llego de repente un trabajo para montar una pagina y pues ni corto ni perezoso vi la oportunidad de que fuera un empujón y así de una vez aprender a hacer páginas web.

El caso es que los tiempo no me daban para aprender todo lo que se necesita y a copy paste de otros códigos, plantillas pude hacer algo, el problema es que el cliente me pide que la pagina este centrada cuando se visualiza en dispositivos móviles ( por alguna razón en los móviles se alinea a la izquierda), en los ordenadores la página se ve centrada, pero no pasa en los móviles, (No es que la página deba ser completamente responsive solo que este centrada en móviles y tables ).

y para colmo el formulario de contáctenos no envía los e-mail, por favor si alguien me ayuda me comprometo a volverme un capo en esto de la programación.

Aquí la página
www.carmotor.com.co


Gracias

[Panicav]

Creo que no hay mcuho que se pueda hacer sin ver al menos el codigo fuente html y css del sitio, a priori te diria que con un

Código CSS:

margin-left:auto; 
margin-right:auto;
 

al div contenedor se podría solucionar pero es solo una remota posibilidad.

[riquett182]

veras es que el codigo html es demasiado grande para que puedan verlo, puedo pasar el css...

html {position: relative; margin: 0; padding: 0; background-color: #000000}
body {margin: 0; padding: 0; text-align: left;}
#imPage {margin: 0px auto 0px auto; width: 960px; position: relative;}
#imHeaderBg {position: absolute; left: 0; top: 0; height: 95px; width: 100%; background-image: url('headerbg.png'); background-position: left top; background-repeat: repeat-x; background-attachment: scroll; background-color: #000000}
#imHeader {height: 495px; background-color: transparent; background-image: url('top.png'); background-position: top left; background-repeat: no-repeat;}
#imMnMn {position: absolute; top: 12px; left: 100px; height: 70px; width: 930px; padding: 0px 0px 0px 0px; background-color: #000000}
#imMnMn > ul { text-align: center; }
#imMnMn li {display: inline}
#imContent {min-height: 375px; position: relative; width: 950px; padding: 5px 5px 5px 5px; }
#imContentGraphics {min-height: 375px; position: absolute; top: 495px; bottom: 100px; left: 0; width: 960px; background-color: transparent}
#imFooterBg {position: absolute; left: 0; bottom: 0; height: 100px; width: 100%; background-color: #404040}
#imFooter {position: relative; margin: 0 auto; height: 100px; width: 960px; background-color: transparent; background-image: url('bottom.png'); background-position: top left; background-repeat: no-repeat;}

Gracias por responder en verdad estoy pendiente de esto.

[Panicav]

es complejo sin ver el html, prueba editando en el body el margin y poniendolo:
margin-left:auto;
margin-right:auto;

[xfxstudios]

no veo cual es el problema, si diseñas el modelo adaptativo de la web no tienes esos problemas, solo indicas en tu css como se va a comportar la web en cada resolucion y listo, la misma se va a adaptar a la pantalla desde donde se visualice, ademas hay que saber mas cosas como por ejemplo si esta dentro de un contenedor, si trabajas con DIVs y cosas asi ya que no es solo darle margenes auto de cada lado, hay que ir mas alla con el codigo css para que todos los elementos respondan como es

[w0nk]

Postea en enlace de la web para que podamos verla hombre, así te podremos ayudar mejor.

[lauser]

Iniciado por w0nk

Postea en enlace de la web para que podamos verla hombre, así te podremos ayudar mejor.

Si lees con atención la consulta podrás observar que ya coloco la url al final del primer post.

[LazyProgrammer]

Hola riquett182,

Has probado con los "media queries" ?

Puedes especificar con ellos diferentes atributos css dependiendo de la resolución del dispositivo con el que visualizas la web.
Si lo buscas en google te vas a encontrar buenas explicaciones

Un saludo

[NueveReinas]

Utiliza media-queries, y quita ese lightbox que aparece al principio, desde el móvil no se puede cerrar.

[riquett182]

lo solucioné gracias a todos los tips que ustedes me aconcejaron. :)

[lauser]

riquett182
Y la solución fue?
Recuerda que tu información puede ser de utilidad a otro usuario.