Foros del Web » Creando para Internet » CSS »

Ajustar pagina a todas las resoluciones

Estas en el tema de Ajustar pagina a todas las resoluciones en el foro de CSS en Foros del Web. Hola. Se trata de conseguir lo siguiente. En una pagina como esta @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
  #1 (permalink)  
Antiguo 08/09/2010, 03:32
 
Fecha de Ingreso: mayo-2009
Mensajes: 729
Antigüedad: 8 años, 6 meses
Puntos: 6
Ajustar pagina a todas las resoluciones

Hola. Se trata de conseguir lo siguiente.

En una pagina como esta

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. </head>
  6.  
  7. body {
  8.     width:100%;
  9.     background-color: #727ea0;
  10.     font-size:100%;
  11. }
  12.  
  13. #contenedor {
  14.     width: 90%;
  15.     background-color: #f7f8ff;
  16.     margin-right: auto;
  17.     margin-bottom: 0;
  18.     margin-left: auto;
  19. }
  20. #contenedor_1 {
  21.     background-color: #FF6699;
  22.     width: 50%;
  23. }
  24. h2 {
  25. font-size:200%;
  26. }
  27.  
  28.  
  29.  
  30. <div id="contenedor">
  31.  <div id="contenedor_1">
  32.     <h2>Probando cosas</h2>
  33.  </div>
  34. </div>
  35.  
  36. </body>
  37. </html>

si yo voy encogiendo la pantalla (ya sabeis, pinchar en una esquina e ir haciendo mas pequeña), el div cabecera va empequeñeciendo a la vez, y siempre mantiene su tamaño al 80% del body, es decir, de la pantalla.

Ahora bien, no ocurre lo mismo con el tamaño de letra, no se va empequeñeciendo a la vez que hago pequeña la pantalla, y esto es lo que quiero conseguir, si es posible, pero no se como.

Gracias. Un saludo.

Última edición por AitorLopez; 08/09/2010 a las 03:57
  #2 (permalink)  
Antiguo 08/09/2010, 06:03
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 8 años, 5 meses
Puntos: 22
Respuesta: Ajustar pagina a todas las resoluciones

En CSS no se puede, que yo sepa.
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #3 (permalink)  
Antiguo 08/09/2010, 09:55
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Ajustar pagina a todas las resoluciones

Hola!

Conozco un método manual para aumentar o disminuir la letra.. pero es manual.

Si alguien sabe como modificarlo para que se haga automático al redimensionar la ventana aquí dejo el code:

Código Javascript:
Ver original
  1. <script type='text/javascript'>
  2. //<![CDATA[
  3. var tgs = new Array( 'div','td','tr');
  4. var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
  5. var startSz = 2;
  6. function ts( trgt,inc ) {
  7. if (!document.getElementById) return
  8. var d = document,cEl = null,sz = startSz,i,j,cTags;
  9. sz += inc;
  10. if ( sz < 0 ) sz = 0;
  11. if ( sz > 6 ) sz = 6;
  12. startSz = sz;
  13. if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
  14. cEl.style.fontSize = szs[ sz ];
  15. for ( i = 0 ; i < tgs.length ; i++ ) {
  16. cTags = cEl.getElementsByTagName( tgs[ i ] );
  17. for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
  18. }
  19. }
  20. //]]>
  21. </script>

Y en el HTML o PHP ponemos los botones para agrandar o menguar el texto:
Código HTML:
Ver original
  1. <a href="javascript:ts('body',1)">A+</a> <a href="javascript:ts('body',-1)">a-</a>
También los puedes poner en forma de imagen:
Código HTML:
Ver original
  1. <a href="javascript:ts('body',1)"><img src="URL DE LA IMAGEN DE AUMENTAR TAMAÑO"/></a><a href="javascript:ts('body',-1)"><img src="URL DE LA IMAGEN DE DISMINUIR TAMAÑO"/></a>


---------------------
Fuente: http://www.latrucotecadeblogs.com/2009/07/codigo-para-aumentar-disminuir-tamano.html
  #4 (permalink)  
Antiguo 08/09/2010, 10:32
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Ajustar pagina a todas las resoluciones

Hola, he leído tu anterior Post y como te han dicho no vas a encontrar la respuesta en este foro... y también creo que anteriormente ya te han explicado respecto a las unidades de medida...

en tu codigo tu defines al body el tamaño de letra 100%, esto dependiendo del navegador que usen para ver tu web el 100% que estableces va ser el tamaño que por defecto tenga dicho navegador...

reitero que tu respuesta que buscas no la encontraras en este foro.

Saludos DTB
  #5 (permalink)  
Antiguo 08/09/2010, 10:58
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Ajustar pagina a todas las resoluciones

Como yo dije, automaticamente no lo encontrará... no se si ni en este foro o donde..

El caso es que lo más parecido sería el code que yo di, quizás no el más indicado pero puede que el más acertado.

Lo que no entiendo es la utilidad de la redimension automatica de la letra.. me dices del fondo y.. pues vale.. pero de la letra.. Siempre se puede usar el viejo truco del Control + La rueda del raton =P
  #6 (permalink)  
Antiguo 08/09/2010, 12:07
 
Fecha de Ingreso: mayo-2009
Mensajes: 729
Antigüedad: 8 años, 6 meses
Puntos: 6
Respuesta: Ajustar pagina a todas las resoluciones

Hola.
En primer lugar, comentar que el codigo de los botones funciona, aunque como dijo Shaito, "no es el mas indicado, pero puede que el mas acertado".

En segundo lugar, con respecto a lo comentado por thedark 03, ya que has leido el otro post, podrías haber mencionado que sacaba la duda de allí porque este post esta un poco liado, entre otras cosas por una discusión que ocurrió en el mismo y que no tenia mucho que ver con el asunto del post.

En tercer lugar, Shaito, "Siempre se puede usar el viejo truco del Control + La rueda del raton =P", desafortunadamente, no todo el mundo lo conoce como parece que lo conoces tu. Piensa que un usuario de una pagina, es igual que otro tanto si sabe mucho como si no sabe nada, y creo que nuestro trabajo, por lo menos el mio, es facilitarles las cosas el máximo posible, entre otras cosas para que vuelva a visitarte.

Por último, comentar que el efecto exacto que quiero conseguir es precisamente el que hace el "Control + etc, etc, etc" (aunque automático, claro), y pensaba que, aunque efectivamente ha habido gente que ha comentado que no se podría conseguir, entre todos podríamos llegar (de ahí mi insistencia), por lo menos a acercarnos, que entre otras cosas supongo que este es uno de los fundamentos de esta web, el ayudarse mutuamente y crear codigo libre para que todo el mundo pueda usarlo.

En cualquier caso, y ya acabo, os doy las gracias a los dos por vuestras aportaciones, y bueno, yo por lo menos, voy a intentar seguir con este tema a ver si soy capaz de conseguir esto, espero que con ayuda de algún experto, que por mi experiencia en este foro, hay bastantes por aquí.

Un saludo.

Etiquetas: todas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:57.