Como hacer que un div quede estatico y sin movimientos?

Hola foreros... me encuentro haciendo una pagina web, y tengo problemas en el diseño... al insertar mis divs en la pagina de inicio, estos se ven muy diferente en otras pantallas... yase que este problema es comun con todos los diseñadores web ¬¬ pero aca es diferente... yo quiero saber como se hace para que la pagina sea una pagina estatica... que por ejemplo al darle zoom no se mueva ningun elemento(que las letras no se salgan de los divs, que no se junten los divs... etc)tal y como CCTW.

Dejare una imagen de masomenos como quiero que quede mi diseño... sin que el div de la descripcion se mueva o sea mas pequeño en otras pantallas... he aqui la imagen:





espero y me puedan apoyar, porque la verdad tengo un diseño algo parecido y el div de la descripcion se mueve al dar zoom o en otras pantallas se ve mas chico... gracias!!!


MRTRUJIS

pd: he probado con position: absolute; y relative... con pixeles y porcentajes... y nada.... GRACIAS

Buenas, para que los textos no se salgan de los divs, puedes poner esto en el body de tu hoja de estilos

body {word-wrap: break-word;}

eso hara que cuando el texto llegue al final del div, este salte para abajo, aunque ese problema solo se da en ciertos casos, pero igual te va a ayudar.

Ya subiste tu web? seria bueno que nos dieras el enlace asi la vemos para ayudarte mejor.

No la he subido amigo, intentare con esa funcion para el texto... pero aun sigo con el problema del div, que no se acomoda al tamaño de la pantalla... no entiendo como le hacen para que todo quede bien a la medida y se acomode.

gracias! mrtrujis

Lo unico que he hecho es acomodar el div con position: absolute; en la hoja css, pero veo que no funciona porque se desacomoda al verlo en otras pantallas.... vaya que dolores de cabeza provoca esto