Tema: Modificación en fichero styles.css
belitre

Novato
Novato
Mensajes: 21

Enviado:
14.nov 2006 - 16:45


Salud, compañeros:

Estoy modificando un theme llamado goflexible.
Ocupa aproximadamente el 60% central de la pantalla y quiero "ensancharlo".

Mediante la configuración del theme en Xanthia no he podido modificarlo (ya está al 100%).

En el fichero styles.css las anchuras vienen determinadas como la siguiente:

body {
font-size: 61.9%;
margin: 0em auto;
padding: 0em;
background: url(../images/img_background.gif) top center repeat-y;
font-family: Verdana,Tahoma, Arial,sans-serif;
}

#wrap {
width: 100.0em;
margin: 0em auto;
}

¿Qué significa "em"? ¿Qué tipo de unidad es, absoluta o relativa?
¿Necesito modificar todos los valores con em, o debo buscar alguna unidad de referencia?

Muchas gracias por la atención.

Un saludo.
docser
avatar
Colaborador
Colaborador
Mensajes: 1121

Enviado:
14.nov 2006 - 22:14

Por que no simplemente modificas los templates?

es ahí donde se arregla el ancho del theme
belitre

Novato
Novato
Mensajes: 21

Enviado:
14.nov 2006 - 23:23

No veo dónde hacerlo. Creo que todos los valores son tomados del fichero style.css

Adjunto por ejemplo el template home.htm:
Código
  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" xml:lang="de" lang="de">
  3. <head>
  4. " />
  5. " />
  6.  
  7.  
  8.  
  9. " />
  10. " />
  11.  
  12.  
  13.  
  14. " />
  15. <title><!--[title]--></title>
  16. <!--[additional_header]-->
  17. /style/style.css" />
  18. /style/print.css" media="print" />
  19.  
  20.  
  21. <!--[modulestylesheet xhtml=true]-->
  22. </head>
  23. <body>
  24. <div id="wrap">
  25.  
  26.     <!-- HEADER -->
  27.       <!-- Background -->
  28.     <div id="header-section">
  29.           <a href="#"><img id="header-background-left" src="<!--[$imagepath]-->/img_logo.jpg" alt=""/></a>
  30.       <img id="header-background-right" src="<!--[$imagepath]-->/img_header.jpg" alt=""/>
  31.         </div>
  32.  
  33.       <!-- Navigation -->
  34.     <div id="header">
  35.       <ul>
  36.         <li><a href="http://www.dev-postnuke.com/index.html">Home</a></li>
  37.         <li><a href="http://www.dev-postnuke.com/name-CmodsDownload.html">Download</a></li>
  38.         <li><a href="http://www.dev-postnuke.com/name-CmodsWebLinks.html">Weblinks</a></li>
  39.         <li class="selected"><a href="http://www.dev-postnuke.com/name-pnForum.html">Forum</a></li>
  40.         <li><a href="http://www.dev-postnuke.com/index.html">Kontakt</a></li>  
  41.         <li><a href="http://www.dev-postnuke.com/index.html">Registrierung</a></li>
  42.       </ul>
  43.     </div>
  44.  
  45.       <!-- LEFT COLUMN -->
  46.       <!-- Navigation -->
  47.     <div id="left-column">
  48.      <!--[$leftblocks]-->
  49. </div>
  50.       <!-- RIGHT COLUMN -->
  51.     <div id="right-column">
  52.          <!--[$rightblocks]-->  
  53.         
  54.     </div>
  55.  
  56.       <!-- MIDDLE COLUMN -->
  57.     <div id="middle-column">
  58.          <!--[$centerblocks]-->        
  59.          <!--[$maincontent]-->
  60.         </div>
  61.  
  62.       <!-- FOOTER -->
  63.     <div id="footer">
  64.      <!--[footmsg]-->
  65.        Copyright © 2006 <a href="http://www.cmods-dev.de">Cmods-dev</a> | All Rights Reserved | Design by <a href="mailto:gw@actamail.com">Gerhard Erbes</a> 
  66.  
  67. </div>
  68. </div>
  69. </body>
  70. </html>
sandrasilahace
avatar
Novato
Novato
Mensajes: 19

Enviado:
14.nov 2006 - 23:33

Hola

em es una medida relativa, asi como % y depende donde este indicada sera el resultado; ahora si que depende de cada quien que medida, o combinacion de medidas utilizar, yo prefiero usar px para definir espacios especifios y para los tamaños de texto em o %. Viendo el codigo, lo que pasa es que en el estilo del BODY el tamaño de texto esta al 61.9%, y a partir de esta medida, todos los estilos que esten con em o % se modifican.

Saludos


Fraktal Radio . com
belitre

Novato
Novato
Mensajes: 21

Enviado:
14.nov 2006 - 23:40

¡¡GRACIAS!!

Desgraciadamente modificando el tamaño del texto, no se ajustan todos los tamaños.
Creo que tendré que jugar 4 o 5 horas con el css para conseguir más anchura. Gajes del oficio.

Un saludo.
sandrasilahace
avatar
Novato
Novato
Mensajes: 19

Enviado:
14.nov 2006 - 23:55

Si ya sabes la medida en pixeles que quieres, ponla en #wrap, por lo que veo ese estilo es el que define el ancho de tu pagina,

#wrap {
width: 778px;
margin: 0px auto;
}


saludos


Fraktal Radio . com
belitre

Novato
Novato
Mensajes: 21

Enviado:
29.nov 2006 - 13:07


Bueno, al final no fue para tanto el problema.

Muchas gracias por la colaboración.