Adaptar mi web en distintas resoluciones

Bueno mi problema es que cuando cambio de resolucion a 800x600 en donde aparece una barra desplazamiento horizontal mi web se distorsiona y se vee todo mal, tambien cuando lo pongo en modo minimizar tamaño y aparece esa barra de desplazamiento horizontal se vee mal, aparentemente sucede siempre cuando aparece esa barra y quiero arreglarlo de alguna forma le coloque overflow-x:hidden pero quiero otra solucion para que se adapte a las distintas resoluciones

Esta es la web cualquier informacion seria de ayuda

http://abwebdevelopment.web44.net/

Mira este par de enlaces, creo que te servirán:

http://blog.szaboka.hu/tutorials/how-to-make-a-website-responsive/

http://webdesignledger.com/tools/8-tools-and-scripts-for-responsive-web-design

jaja no es lo que quiero sino es que si pueden ver en el codigo css de mi pagina haber que le quitan o agregan para que se acomode a las distintas resoluciones de pantalla y tambien que deje de deformarse cuando lo pongo en modo restaurar o minimizar tamaño

Entiendo lo que quieres no es aprender cómo un sitio que se adapte a distintas resoluciones sino que nosotros te arreglemos el problema ¿no? Interesante, cuéntanos más

Pues solo indicandome el error que tengo para corregirlo echale un vistazo el codigo css y veras que cuando encojes la ventana la pagina se ira deformando pero cuando esta en pantalla completa se vee bien

El único problema serio que le veo es que cuando la ventana del navegador tiene un ancho menor al espacio que ocupa tu web, el fondo sale recortado.

La forma fácil de solucionarlo sin tener que rehacer todo el sitio, es añadirle un ancho mínimo en pixeles a la capa en la que esta declarado el fondo que supongo que tiene un valor de 100%, por ejemplo si los elementos de la web ocupan 960px de ancho entonces le pones min-width: 960px.

Esta es solo la forma más rápida de solucionarlo pero no es la ideal, si quieres un sitio web que realmente se acomode a cualquier resolución tendrás que seguir los links que te pasaron más arriba, y prácticamente rehacer todo el css.

Saludos.

:/ pues bueno gracias por la informacion haber que mientras tanto lo dejo con overflow

La solución pasa tal como te indica marticps. Usando @media para cada resolución podrás hacer que el contenido se "adapte" a las distintas pantallas, ya sea de pc, notebook, netbook, tabletas o celulares. Ahora, lo que te toca es leer y practicar. Los amigos del foro no tendrán problema en ayudarte con dudas o problemas concretos, pero así como lo planteas da la impresión de que sólo te importa que te hagan la tarea, aún cuando no sea esa tu intención.

yo lo queria adaptar solo para resoluciones de desktops y el problema de que se cortaba el fondo al minimizar el tamaño de la ventana pero ya lo arregle... Lo de adaptar la web a distintas resoluciones ya sea movil ipad no estaba en mi mente