Hola webpro_lukas y muchas gracias por contestar. En primer lugar os quiero decir que el sitio web que quiero crear no es para nadie. Solo quiero practicar y conseguir hacer sitios web mas o menos profesionales usando HTML CSS PHP MySQL y JavaScript.
Primero os cuento un poco lo que he conseguido de momento:
He resuelto un 90% este problema.
Cita: -cuando cambio la resolucion de 1024x768 a 800x600 los div se adaptan a la nueva resolucion pero en cambio el texto no. El texto sobresale de la caja se que igual que en la resolucion 1024x768. Lo que yo queria es que la linea de texto se reduzca y se crean mas lineas (no se si me explico bien).
¿Como?
-lo que he hecho es adaptar mi pagina web a una resolucion de entre 800x600 hasta 1280x1024. Para que la resolucion minima sea de 800x600 y asi conseguir que el contenido de mi pagina que tiene un ancho de unos 750 px no salga de los div, he puesto como ancho minimo (min-width) 800px. Tambien hay que tener en cuenta que para conseguir las demas resoluciones (1024x768) he puesto el ancho normal de los div en porcentajes (width=100%). Con esto lo que conseguimos es que nuestros div se adapten al ancho de la ventana y que no baje de 800px para que no afecte mi texto que tiene unos 750 px.
La pagina web, de momento, funciona perfetamente (desde mi punto de vista) con el IE pero no con el FireFox. Yo creo que los div son mas compatibles con el IE.
webpro_lukas he hecho lo que tu me has dicho (he cambiado las clases por ID`s y he puesto el margin a 0, e incluso el padding a 0) y aunque no me a dado ningun resultado estoy convencido de que lo que tu dices es verdad.
Para una mejora comunicacion he colocado el sitio web en un subdominio (valentinoo.infozone24h.com) de un dominio que tengo contratado. Hechale un vistazo tanto con el IE como con el FireFox y mira tambien el nuevo CSS y dime si ves algo mal. En el menu del sitio web SOLO funciona los enlaces Portada y Login.
Saludos.