Foros del Web » Creando para Internet » CSS »

NO se pude resetear mozilla

Estas en el tema de NO se pude resetear mozilla en el foro de CSS en Foros del Web. resulta que estaba maquetando un template y me di con la sorpresa que la dimension en ancho y alto de una capa en mozilla es ...
  #1 (permalink)  
Antiguo 03/03/2011, 12:04
 
Fecha de Ingreso: septiembre-2009
Mensajes: 54
Antigüedad: 8 años, 3 meses
Puntos: 0
Pregunta NO se pude resetear mozilla

resulta que estaba maquetando un template y me di con la sorpresa que la dimension en ancho y alto de una capa en mozilla es un poco mayor que a los demas navegadores
osea, creo una caja de un ancho y alto establecido,

Código HTML:
Ver original
  1. <style type="text/css">
  2.  
  3. *,body{margin:0;padding:0; text-align: center; border:0}
  4. .box{
  5.     width: 292px;
  6.     height:270px;
  7.     background:red;
  8.     margin:10px auto;
  9.     padding:0;
  10. }
  11. <div class="box">
  12. </div>

si lo vemos en mozilla y lo medimos con cualquier herramienta, (yo uso calipers) notaran que tiene 297 de ancho por 275 de alto
cuando deberia de ser 292x270 y esto solo pasa con mozilla (con razon no termino de maquetar ),

ya use casi todos los codigos extras para resetear el navegador y ninguno soluciona esto
tengo la version 3.6.14 en win XP

Última edición por Enfermin; 03/03/2011 a las 12:06 Razón: =P
  #2 (permalink)  
Antiguo 03/03/2011, 12:12
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: NO se pude resetear mozilla

Aqui tienes otro mas completo para que resetees el css

Código CSS:
Ver original
  1. /* -------- RESET/GLOBAL -------- */
  2.  
  3. html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
  4. dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left;}
  5.  
  6. img, a img, form, fieldset {border: 0;}
  7.  
  8. body            {
  9.                 font-size:72&#37;;
  10.                 font-family:Arial, Helvetica, sans-serif;
  11.                 line-height:1.9em;
  12.                 color:#434343;
  13.                 background:#FCFCFC;
  14.                 }
  15.                
  16. a               {outline:none;}
  17.  
  18. a:hover         {
  19.                 text-decoration:none;
  20.                 color:#7B7B7F;
  21.                 }
  22.  
  23. p               {
  24.                 margin:0 0 1em 0;
  25.                 padding:0;
  26.                 }
  27.  
  28. small           {font-size:0.8em;}
  29.  
  30. h1              {
  31.                 font:3.45em Arial, Helvetica, sans-serif;
  32.                 color:#000000;
  33.                 line-height:0.9em;
  34.                 *line-height:1em;
  35.                 padding-bottom:15px;
  36.                 }
  37.                
  38. h2              {
  39.                 font:2.5em Arial, Verdana, Helvetica, sans-serif;
  40.                 line-height:1.2em;
  41.                 color:#2A313A;
  42.                 padding-top:5px;
  43.                 padding-bottom:20px;
  44.                 }
  45.                 h2 a    {
  46.                 color:#2A313A;
  47.                 text-decoration:none;
  48.                 }
  49.  
  50. h3              {
  51.                 font:2em Arial, Verdana, Helvetica, sans-serif;
  52.                 color:#2A313A;
  53.                 padding-bottom:10px;
  54.                 }
  55.                
  56. h4              {
  57.                 font:1.25em Arial, Helvetica, sans-serif;
  58.                 line-height:1em;
  59.                 padding-bottom:8px;
  60.                 text-transform:uppercase;
  61.                 }
  62.  
  63. h5, h6          {
  64.                 font:1.3em Arial, Helvetica, sans-serif;
  65.                 color:#2A313A;
  66.                 padding-bottom:8px;
  67.                 }
  68.                
  69. ul, ol          {
  70.                 margin:0;
  71.                 padding:0 0 20px;
  72.                 }
  73.                
  74. ul              {list-style:none;}
  75.                
  76. ul li           {
  77.                 margin:0;
  78.                 padding:5px 0;
  79.                 color:#434343;
  80.                 }
  81.                
  82. ul.unordered li {
  83.                 margin:0;
  84.                 padding:5px 0 5px 21px;
  85.                 background:url(../images/arr.gif) 0 9px no-repeat;
  86.                 }
  87.                
  88. ul li a         {
  89.                 color:#434343;
  90.                 text-decoration:none;
  91.                 }
  92.  
  93. ol li           {
  94.                 margin:0 0 0 2em;
  95.                 padding:0;
  96.                 color:#434343;
  97.                 }
  98.                
  99. blockquote      {
  100.                 margin:0 0 20px;
  101.                 padding:0 0 0 60px;
  102.                 color:#959595;
  103.                 font-size:1.3em;
  104.                 font-style:italic;
  105.                 background:url(../images/quotes.png) 10px 5px no-repeat;
  106.                 }
  107.                
  108. .quoteleft      {
  109.                 width:240px;
  110.                 margin:0 30px 10px 0;
  111.                 float:left;
  112.                 }
  113.                
  114. .quoteright     {
  115.                 width:240px;
  116.                 margin:0 0 10px 30px;
  117.                 float:right;
  118.                 }
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 03/03/2011, 12:16
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: NO se pude resetear mozilla

si nos muestras el resto de tu código te podríamos ayudar mas, el fragmento de código que muestras funciona correctamente no veo una razón para que aumente las medidas.


Notas: el asterisco (*) es un comodín que le indica al explorador que los estilos se aplican a todos los elementos no es necesario colocar *,body con el solo asterisco (*) es mas que suficiente
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 03/03/2011, 13:32
 
Fecha de Ingreso: septiembre-2009
Mensajes: 54
Antigüedad: 8 años, 3 meses
Puntos: 0
Pregunta Respuesta: NO se pude resetear mozilla

acabo de comprobar que el problema solo pasa en localhost y mozilla y no ntiendo porque?

creo un archivo test.html con este codigo y lo guardo en el escritorio

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" xml:lang="en" lang="en">
  3.  
  4.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  5.     <style type="text/css">
  6.    
  7.     *,body{margin:0;padding:0; text-align: center; border:0}
  8.     .box{
  9.         width: 292px;
  10.         height:270px;
  11.         background:red;
  12.         margin:10px auto;
  13.         padding:0;
  14.         display:block;
  15.     }
  16.     </style>
  17.     <title>test</title>
  18. </head>
  19.  
  20.  
  21.  
  22. <div class="box">
  23. </div>
  24.  
  25. </body>
  26. </html>

abro el html desde el escritorio y se ve bien

pero si ese mismo archivo lo copio y pego en localhost y lo ejecuto me muestra el problema que tanto dcia

http://localhost/test.html

creo que el problema es el servidor de php que tengo (wamp) ahora veo que no era de css disculpen

1 min mas tarde: ya lo encontre, el problema es el wamp que uso, tengo la version 2.0 y noto ese problema, pero en mi otra pc que tiene wamp 2.1 todo marcha bien... maldito wamp 2.0

saludos

Última edición por Enfermin; 03/03/2011 a las 13:50 Razón: SOLUCIONADO

Etiquetas: mozilla, resetear
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 09:27.