¿como adaptar el CSS a las distintas pantallas?

[goplayhard]

URL: http://thegamingart.com/Foro/
Versión phpBB:3.0.8
MODs Instalados: Ninguno
Plantilla(s) usada(s): Prosilver
Servidor: Linux De pago Dattatec.com
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Hola , tengo un problema que el Css que le puse a la pagina no se adapta a las pantallas mas chicas y se deforma toda la pagina, dejo 2 imagenes para que vean lo que sucede:

Asi es como se ve en pantallas mas chicas o grandes de donde yo hice la web:



Asi es como se me ve a mi :



Por favor necesito solucion ya me esta volviendo loco este temita (aclaro, el efecto es que cuando el click este sobre la palabra se pone en rojo)
Muchas gracias.

[3POTENCIAS]

saludos, no es problema de los navegadores hasta donde tengo entendido, mi interpretación y analisis eso viene dado a las pulgadas de cada monitores que varien entre 14 pulgadas hasta 24 pulgadas tipo horizontal es decir de ancho, hasta donde tengo entendido, por ejemplo en el css hay una opción donde se puede anchar mas el foro pero hay que tener cuidado ya que si un usuario entra en una computadora con un monitor pequeño no le gustara tu foro por que tiene que rodar a cada rato de izquierda y derecha, no se si me explico, asimismo no se que certera sea mi pregunta ya que hay otros stylos que se adapta a cada monitor??? y otros como supernova que es el que utilizo si me ha dado un poco de dolor de cabeza, espero que los expertos me corrigan!!!


* Abrir el archivo:
styles/prosilver/theme/common.css (ojo esto es para stylos basados en prosilver no se con certeza para otros stylos y perdonen mis errores ortograficos ya que ando apurado)

* Buscar:
#wrap {
padding: 0 20px;
min-width: 650px;
}


* Reemplazar con:

#wrap {
padding: 0 20px;
min-width: 650px;
width: 760px;
margin: 0 auto;
}



Pudiendo cambiar el witdh de 760 al ancho que desees, no olvides de actualizar el tema, limpiar el cache y refrescar el navegador para ver los cambios.

[goplayhard]

saludos, no es problema de los navegadores hasta donde tengo entendido, mi interpretación y analisis eso viene dado a las pulgadas de cada monitores que varien entre 14 pulgadas hasta 24 pulgadas tipo horizontal es decir de ancho, hasta donde tengo entendido, por ejemplo en el css hay una opción donde se puede anchar mas el foro pero hay que tener cuidado ya que si un usuario entra en una computadora con un monitor pequeño no le gustara tu foro por que tiene que rodar a cada rato de izquierda y derecha, no se si me explico, asimismo no se que certera sea mi pregunta ya que hay otros stylos que se adapta a cada monitor??? y otros como supernova que es el que utilizo si me ha dado un poco de dolor de cabeza, espero que los expertos me corrigan!!!


* Abrir el archivo:
styles/prosilver/theme/common.css (ojo esto es para stylos basados en prosilver no se con certeza para otros stylos y perdonen mis errores ortograficos ya que ando apurado)

* Buscar:
#wrap {
padding: 0 20px;
min-width: 650px;
}


* Reemplazar con:

#wrap {
padding: 0 20px;
min-width: 650px;
width: 760px;
margin: 0 auto;
}



Pudiendo cambiar el witdh de 760 al ancho que desees, no olvides de actualizar el tema, limpiar el cache y refrescar el navegador para ver los cambios.

Pero no es Foro , es una pagina en HTML que hice y le puse CSS, pero tengo ese problema con las pulgadas y no se como solucionarlo.
va en esta sección, no?

[Makoto]

es tu html bvuscar

Código: Seleccionar todo

<div style="width:700px; higth:500px; border-width:6px; border-style: ridge; border-color:#696969;  background-color: #FFFFFF;" >

cambiar 700px

veo muchisimos errores en tu html u_u