Foros del Web » Creando para Internet » CSS »

problema con style.css no trabaja en chrome

 Estas en el tema de problema con style.css no trabaja en chrome en el foro de CSS en Foros del Web. hola a todos me trabaja perfecto en firefox pero en chrome no me funciona todo distorcionado como soluciono esto...
  #1 (permalink)  
Antiguo 12/07/2015, 10:22
 
Fecha de Ingreso: junio-2012
Ubicación: En el Mundo
Mensajes: 759
Antigüedad: 11 años, 10 meses
Puntos: 10
problema con style.css no trabaja en chrome
hola a todos me trabaja perfecto en firefox pero en chrome no me funciona todo distorcionado como soluciono esto
  #2 (permalink)  
Antiguo 12/07/2015, 10:36
Colaborador
  
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: problema con style.css no trabaja en chrome
Pon el código o da alguna referencia para poder ayudarte
  #3 (permalink)  
Antiguo 12/07/2015, 19:20
 
Fecha de Ingreso: junio-2012
Ubicación: En el Mundo
Mensajes: 759
Antigüedad: 11 años, 10 meses
Puntos: 10
Respuesta: problema con style.css no trabaja en chrome
Código CSS: 
Ver original
  1. html
  2. {
  3.     overflow-y: scroll;
  4. }
  5.  
  6. body
  7. {
  8.     background-repeat: repeat-x;
  9.     background-color: #000000;
  10. }
  11.  
  12. body, p, td
  13. {
  14.     font-family: Verdana, Helvetica, sans-serif;
  15.     font-size: 9px;
  16.     color: white;
  17. }
  18.  
  19. hr
  20. {
  21.     color: #2f2f2f;
  22.     background-color: #2f2f2f;
  23.     height: 1px;
  24.     border: none;
  25.     margin: 2px;
  26. }
  27.  
  28. a:hover
  29. {
  30.     text-decoration: none;
  31.     font-weight: normal;    
  32. }
  33.  
  34. a
  35. {
  36.     color: wheat;
  37.     font-weight: normal;
  38.     text-decoration: none
  39. }
  40.  
  41. .menuLink
  42. {
  43.     font-size: 9px;
  44.     font-weight: bold;
  45.     color: white;
  46. }
  47.  
  48. .categoryTitle
  49. {
  50.     font-size: 19px;
  51.     color: white;
  52. }
  53.  
  54. .sectionTitle
  55. {
  56.     border-bottom-style: solid; 
  57.     border-bottom-width: 1px;
  58.     font-size: 9px;
  59.     font-weight: bold;
  60.     color: gainsboro;
  61. }
  62.  
  63. .fieldTitle
  64. {
  65.     vertical-align: top;
  66.     font-weight: bold;
  67. }
  68.  
  69. .mainArea
  70. {
  71.     border-color: #2f2f2f;
  72.     border-left-style: dotted;
  73.     border-left-width: 1px;
  74.     border-right-style: dotted;
  75.     border-right-width: 1px;
  76.     border-top-width: 0;
  77.     border-bottom-width: 0;
  78.     padding-left: 4px;
  79.     padding-right: 4px;
  80.     padding-top: 1px;
  81.     padding-bottom: 1px
  82. }
  83.  
  84. .subtleBackground
  85. {
  86.     background: #111111;
  87. }
  88.  
  89. .infoBar
  90. {
  91.     background:#7a5f3c;
  92.     color: white;
  93.     width: 1082px
  94. }
  95.  
  96. .listHeader
  97. {
  98.     background: #3f3f3f;
  99.     color: white;
  100.     font-weight: bold;
  101. }
  102.  
  103. .listBackground
  104. {
  105.     background: #1f1f1f;
  106. }
  107.  
  108. .pagingBackground
  109. {
  110.     background: #1f1f1f;
  111. }
  112.  
  113. .errorMessage
  114. {
  115.     color: red;
  116. }
  117.  
  118. /* ----------------------------- general interface styles ------------------------------ */
  119. input, select, textarea
  120. {
  121.     border: 1px solid #999; 
  122.     font: 1.1em Verdana, Helvetica, sans-serif;
  123. }
  124.  
  125. input, textarea
  126. {
  127.     padding: 2px;
  128. }
  129.  
  130. input[type=checkbox], input[type=radio]
  131. {
  132.     border: none;
  133. }
  134.  
  135. input.checkbox, input.radio
  136. {
  137.     border: none;
  138. }
  139.  
  140. button, input.button
  141. {
  142.     width: auto !important; 
  143.     margin-right: 0px;
  144.     margin-left: 0px;
  145.     border: 1px solid #bfbfbf; 
  146.     border-right-color: #908d8d; 
  147.     border-bottom-color: #908d8d; 
  148.     padding: 1px .5em; 
  149.     background: #e1e1e1;
  150. }
  151.  
  152. button:active, input.button:active
  153. {
  154.     border: 1px solid #908d8d; 
  155.     border-right-color: #afafaf; 
  156.     border-bottom-color: #afafaf;
  157. }
  158.  
  159. button:hover, input.button:hover
  160. {
  161.     cursor: default;
  162. }
  163.  
  164. button[disabled=disabled]
  165. {
  166.     border: 1px solid #ccc;
  167.     background: #eee;
  168.     color: #b3b3b3;
  169. }
  170.  
  171. button[disabled=disabled]:hover
  172. {
  173.     cursor: default;
  174. }
  175.  
  176. button.disabled, input.button.disabled
  177. {
  178.     border: 1px solid #ccc; 
  179.     background: #eee; 
  180.     color: #b3b3b3;
  181. }
  182.  
  183. button.disabled:hover, input.button.disabled:hover
  184. {
  185.     cursor: default;
  186. }
  187.  
  188. #submit {
  189.     cursor:pointer;
  190.     height:25px;
  191.     font-size:11;
  192.     font-weight:bold;
  193.     color:#F00;
  194.     font-family:Verdana;
  195.     border: 1px solid #d9d9d9; 
  196.     background: url(.buttonbg-1.png) center;
  197.     padding-left: 15px;
  198.     padding-right: 15px;
  199.     margin-bottom: 5px;
  200.     -moz-border-radius: 4px; 
  201.     -webkit-border-radius: 4px;
  202.     -o-border-radius: 4px;
  203.     border-top-right-radius: 4px;
  204.     border-top-left-radius: 4px;
  205.     border-bottom-right-radius: 4px;
  206.     border-bottom-left-radius: 4px;
  207. }
  208. #submit:hover {
  209.     background: url(.buttonbg-2.png) center;
  210.     color:#FFF;
  211.     border: 1px solid #c6c6c6;
  212.     -moz-border-radius: 4px; 
  213.     -webkit-border-radius: 4px;
  214.     -o-border-radius: 4px;
  215.     border-top-right-radius: 4px;
  216.     border-top-left-radius: 4px;
  217.     border-bottom-right-radius: 4px;
  218.     border-bottom-left-radius: 4px;
  219.     -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  220.     -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
  221.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  222. }
  223.  
  224. .boxcenter{
  225.     position: absolute;
  226.     top:50%;
  227.     left: 50%;
  228.     margin-top: -200px;
  229.     margin-left: -200px;
  230. }
  231. .box {
  232.     width: 400px; 
  233.     min-height: 300px; 
  234.     margin-top: 40px; 
  235.     margin-left: auto;
  236.     margin-right: auto;
  237.     margin-bottom: 15px;
  238. }
  239. .box > .heading {
  240.     height: 38px;
  241.     padding-left: 7px;
  242.     padding-right: 7px;
  243.     border: 1px solid #DBDBDB;
  244.     background: url('./box.png') repeat-x;
  245.     -webkit-border-radius: 7px 7px 0px 0px;
  246.     -moz-border-radius: 7px 7px 0px 0px;
  247.     -khtml-border-radius: 7px 7px 0px 0px;
  248.     border-radius: 7px 7px 0px 0px;
  249. }
  250. .box > .heading h1 {
  251.     margin: 0px;
  252.     padding: 11px 0px 0px 0px;
  253.     color:#F00;
  254.     font-size: 12px;
  255.     float: left;
  256. }
  257. .box > .heading h1 img {
  258.     float: left;
  259.     margin-top: -1px;
  260.     margin-left: 3px;
  261.     margin-right: 8px;
  262. }
  263. .box > .heading .buttons {
  264.     float: right;
  265.     padding-top: 7px;
  266. }
  267. .box > .heading .buttons .button {
  268.     margin-right: 10px;
  269. }
  270. .box > .content {
  271.     padding: 10px;
  272.     border-left: 1px solid #CCCCCC;
  273.     border-right: 1px solid #CCCCCC;
  274.     border-bottom: 1px solid #CCCCCC;
  275.     min-height: 300px;
  276.     overflow: auto;
  277. }
  278.  
  279. .tabla:hover {
  280. background-color:#3f3f3f;
  281. }
  282.  
  283. .marquee {
  284.     font-size:18px; 
  285.     text-transform:capitalize; 
  286.     color:#F00;
  287.     border: #CCCCCC 1px solid;
  288.     border-top-left-radius: 4px ; 
  289.     border-top-right-radius: 4px;
  290.     border-bottom-right-radius: 4px; 
  291.     border-bottom-left-radius: 4px;
  292. }
  293.  
  294. <!--
  295. .Globos {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:6px 10px 10px 45px;position:relative;margin:0 0 15px 0;cursor:pointer;width:700px;}
  296. .Globos span {display:block;font-weight:bold;padding:0 0 4px;}
  297. .Globos.felicidades {color:#1c8400;border:#b4e8aa solid 1px;background:#e9f9e5 url("images/Globos/Felicidades.png") 10px 50% no-repeat;}
  298. .Globos.peligro {color:#828400;border:#e8e3aa solid 1px;background:#f9f9e5 url("images/Globos/Peligro.png") 10px 50% no-repeat;}
  299. .Globos.error {color:#b50007;border:#e8aaad solid 1px;background:#f9e5e6 url("images/Globos/Error.png") 10px 50% no-repeat;}
  300. .Globos.informacion {color:#3A4856;border:#3A4856 solid 1px;background:#FFFFFF url("images/Globos/Info.png") 10px 50% no-repeat;}
  301. .Globos.noticia {color:#000000;border:1px solid #fdd845;background:#fff6bf url("images/Globos/Noticias.png") 10px 50% no-repeat;}
  302. -->

Etiquetas: chrome, todo
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 05:24.