problemas al cambiar la resolucion de la pantalla

[LEOM99]

Hola...soy nuevo en esto de desarrollos web y tengo un problema...desarrolle y monte una pagina en php pero al cambiar de configuracion la resolucion de la pantalla se me distorsiona toda la pagina...alguno me podria indicar que puedo hacer para solucionar este problema...se lo agradeceria mucho

Gracias

[hq1]

Puedes desarrollar la páqina en base a porcentajes, es decir cuando pones anchos y altos (width y height respectivamente), en vez de poner un valor absoluto (como por ejemplo 100px) puedes poner un porcentaje (por ejemplo 10%), así da igual la resolución del monitor, ya que la medida absoluta variará en función del porcentaje indicado. Ahora, te aviso que tiene mucho más trabajo, pero merece la pena.

[lucasan]

sería muy útil si dejas un enlace a tu página, ya que se puede estar distorsionando por múltiples motivos.

Así será mas facil ayudarte.


Lucas

_______________________

[Nesoe]

Hola a todos!

Yo empecé a trabajar con porcentajes también, así adapto la web a todos los navegadores, porque en Firefox y al cambiar resoluciones se me iban los div donde querían...Ahora estoy consiguiendo que todo se vea igual en Explorer y Firefox.
Veo más fácil trabajar con porcentajes que con px... una vez le pillas el truquillo creo que es más rápido. Yo te lo recomiendo.

El problema que tengo ahora es que el cliente pide una imagen de fondo que no puedo manipular al cambiar de resolución y me queda enorme en 800x600...

Alguien ha trabajado con imagenes de fondo para diferentes resoluciones? Puedo hacer algo para solucionar el problema?

Muchas gracias!
Saludos

[emprear]

Esto te puede ayudar
es u njava script que detecta la resolución y en base a esto linkea a uno u otro css.
Lo que sigue dentro de tu head

Código:

<script type="text/javascript">
<!--
var ancho='';
ancho=screen.width
if (ancho ==640){
alert('Se advierte que para ver correctamente el contenido de nuestras páginas\nrequiere de una configuración de pantalla minima de 800x600 pixeles');
document.write ('<link rel=\"stylesheet\" href=\"800.css\">');
}
if (ancho ==800){
document.write ('<link rel=\"stylesheet\" href=\"/800.css\">');
}
if (ancho >=1024){
document.write ('<link rel=\"stylesheet\" href=\"1024.css\">');
}
// -->
</script>

Luego te creas 800.css y 1024.css con las especificaciones para cada caso, anchos, tamaños de fuente, lo que desees. Por supuesto que esto te obliga a crear dos imágenes. Y que tu visitante no ande presionando cualquiera de estos botones mágicos que tienen los nuevos navegadores que te eliminan los estilos, te deshabilitan java script, o las animaciones, imágenes o vaya a saber que.
saludos

[Nesoe]

Muchas gracias emprear.

Creo que no voy a poder utilizar tu codigo porque estamos adaptando nuestras páginas a las pautas de accesibilidad de la WAI y queremos utilizar el mínimo javascript posible. Intentaremos encontrar una solución sin tener que usar javascript... a ver si es posible.

Saludos!

[emprear]

que quieres que te diga, menos javascript que ese?, y desde cuando la wai no te permite usar JScript o te lo limita.

Solo que te recomiendan que proveas soluciones equivalentes por si el cliente no soprte JavaScript, a propósito, conoces alguien que utilice el IE 3.0 o el Netscape 2? Es cierto los navegadores actuales incluyen, como ya lo advertí, herramientas para inhabilitar total o parcialmente JScript, y esto puede ser muy útil para prevenir, pop ups, publicidades forzadas, redirecciones inesperadas y decenas de otras molestas porquerías. Pero yo no puedo hacerme cargo de las páginas de los demás.
Las técnicas de "StyleSwitcher", están plenamente admitidas y bien implementadas están destinadas a beneficiar a usuarios con problemas de accesibilidad

6.3
Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page. [Priority 1]
For example, ensure that links that trigger scripts work when scripts are turned off or not supported (e.g., do not use "javascript:" as the link target). If it is not possible to make the page usable without scripts, provide a text equivalent with the NOSCRIPT element, or use a server-side script instead of a client-side script, or provide an alternative accessible page as per checkpoint 11.4. Refer also to guideline 1.

http://www.w3.org/TR/1999/WAI-WEBCON...de-equivalents

Dile a tu cliente que si le preocupa tanto la "accesibilidad" que cambie su "enorme" imagen de fondo.

Yo hasta ahora diseño respetando los standares, si me da para XHTML lo hago, pero si debo bajar a HTML, lo hago también. y eso si permanentemente trabajo chequeando en IE-Firefox y Opera.
Asi y todo, creo que hay un limite, por lo que vengo leyendo, para cuando logremos crear el 100% de nuestras páginas XHTML 1.1, ya habrá aparecido el 2.0 dónde se nos dirá que el tag IMG está obsoleto o ...

Saludos

[Nesoe]

Hola emprear!

Tu solución me pareció muy buena, sólo te dije que no se si la voy a poder utilizar porque no depende de mí, yo soy una mandá, jejeje!Ami lo que me digan tengo que hacer.

Es muy poqito javascript, así que no creo que haya ningún problema. Y sé que las pautas permiten javascript si se proporciona información equivalente que no lo necesite, pero esque creo que van a querer que lo intente hacer sin javascript para no tener una página distinta para cada navegador... ya veremos lo que me dicen.

Gracias por tu solución, me he tenido que pasar dias maquetando con css para que me quedara la imagen un poco bien sin usar nada de javascript...Si no les gusta propondré hacerlo como me dijiste.

Y sino me da lo mismo, aprendo cosas para otros proyectos que puedan surgir.
Muchas gracias, un saludo