Foros del Web » Creando para Internet » CSS »

IE y Chrome fastidian mucho!!!!!

Estas en el tema de IE y Chrome fastidian mucho!!!!! en el foro de CSS en Foros del Web. buenas foreros.! acudo aqui porque todo el dia de hoy y granb parte de la noche de ayer, el diseño que les presento me ha ...
  #1 (permalink)  
Antiguo 16/08/2011, 18:27
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 6 años, 8 meses
Puntos: 6
IE y Chrome fastidian mucho!!!!!

buenas foreros.! acudo aqui porque todo el dia de hoy y granb parte de la noche de ayer, el diseño que les presento me ha robado mis sueños..

Código HTML:
Ver original
  1. <style type="text/css">
  2.  
  3.  
  4. #cv_001 h2{
  5.     color:#FFFFFF;
  6.     font-size:110%;
  7.    
  8.     margin:10px 10px 10px 10px;
  9.     font-weight:bold !important;
  10. }
  11.  
  12. #cv_001 h2 span{
  13.     font-size:100%;
  14.     font-weight:normal !important;
  15. }
  16.  
  17.  
  18. #cv_001 input {
  19.     margin:0px 10px 3px 20px;
  20.     padding:2px;
  21.     display:block;
  22.     border:0px;
  23.     width:150px;
  24.     color:#FFF;
  25. }
  26. #cv_todo{
  27.  
  28.     display:block;
  29.     position:absolute;
  30.     height:110px;
  31.     right:0px;
  32.     top:50%;
  33.     z-index:90;
  34.  
  35.  
  36. }
  37.  
  38. #cv_001 li a{
  39.     width:100%;
  40. }
  41.  
  42. #cv_001 li a:link,#cv_001 li a:visited{
  43.     color:#FFFFFF;
  44.     display:block;
  45.     font-family:verdana;
  46.     font-size:100%;
  47.     margin:0px 0px 0px 0px;
  48.     padding:0px;
  49.     text-decoration:none;
  50.     width:100%;
  51. }
  52.  
  53. #cv_001 li a:hover{
  54.     color:#FFFFFF;
  55.     text-decoration:underline;
  56. }
  57.  
  58. #cv_001{
  59.     background:url('css/photo/cv_2.png');
  60.     float:left;
  61.     height:110px;
  62.    
  63.     right:0px;
  64.     top: 50%;
  65.    
  66.     z-index:89;
  67.  
  68.     width:25px;
  69.    
  70. }
  71.  
  72. #cv_002{
  73.     float:left;
  74.     height:110px;
  75.     width:28px;
  76.     border:0px;
  77. }
  78.  
  79. #cv_002 img{
  80.     border:0px solid #FFFFFF;
  81. }
  82.  
  83. #cv_002:active{
  84.     border:0px;
  85. }
  86. #hacia_i{
  87.  
  88.  
  89. }
  90. #cv_003{
  91.     float:left;
  92.     overflow:hidden !important;
  93.     width:200px;
  94.     height:110px;
  95.     background:#000;
  96. }
  97.  
  98. #cv_004{
  99.     width:200px;
  100. }
  101. #cv_004 h2{color:white;}
  102.  
  103. <script src="jquery-1.5.js" type="text/javascript"></script>
  104.     <script type="text/javascript">
  105.     var isExtended = 0;
  106.     $(document).ready(function(){
  107.     $('#cv_001').click(function(){
  108.     $('#cv_003').toggle("slow");
  109.                
  110.         if(isExtended==0){
  111.             $('#cv_001').css('background', 'url(cv_2_on.png)');
  112.             //  $('#cv_001').attr("src","cv_2_on.png");
  113.             //  document.getElementById('cv_001').childNodes[0].src = document.getElementById('cv_001').childNodes[0].src.replace(/(\.[^.]+)$/, '_on$1');
  114.             isExtended++;
  115.         }else{
  116.             $('#cv_001').css('background', 'url(cv_2.png)');
  117.             //  $('#cv_001').attr("src","cv_2.png");   
  118.             //  document.getElementById('cv_001').childNodes[0].src = document.getElementById('cv_001').childNodes[0].src.replace(/_on(\.[^.]+)$/, '$1');
  119.             isExtended--;
  120.         }
  121.         });
  122.                            
  123.     });
  124.                            
  125.    
  126.     </script>
  127. </head>
  128. <div id="contenedor" align="center">
  129.     <div id="cv_todo">
  130.     <div id="cv_001">
  131.     </div> 
  132.         <div id="cv_003" style="display:none;">
  133.             <div id="cv_004">
  134.                 <h2>Contrase&ntilde;a:</h2>
  135.                 <form id="" method="post" action="contac.php">
  136.                     <input type="password" name="contrasena_cv"><br />
  137.                     <input type="button" id="boton_entrar" style="background:#294659;color:white;" value="Entrar">
  138.                 </form>
  139.            
  140.             </div>
  141.         </div>
  142.    
  143.     </div>
  144. </div>
  145. </body>
  146. </html>

en mozilla firefox anda bien, el problema es en los demas , que hago mal ?
  #2 (permalink)  
Antiguo 16/08/2011, 21:13
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 7 años, 2 meses
Puntos: 34
Respuesta: IE y Chrome fastidian mucho!!!!!

Cual es tu problema exactamente? Que se ve malo diferente?

Un saludo :)

PD: Creo que abusas demasiado de los !important en el CSS.
  #3 (permalink)  
Antiguo 16/08/2011, 21:37
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 6 meses
Puntos: 1567
Respuesta: IE y Chrome fastidian mucho!!!!!

Primero hacé un html correcto, poné un doctype, un <title></title>, y despues señalá las diferencias entre lo que ves en uno y otro navegador

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 16/08/2011, 22:02
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 6 años, 8 meses
Puntos: 6
Respuesta: IE y Chrome fastidian mucho!!!!!

en chrome se despareja todo al iniciar el efecto generado con jquery!!..
  #5 (permalink)  
Antiguo 17/08/2011, 09:22
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 7 años, 2 meses
Puntos: 34
Respuesta: IE y Chrome fastidian mucho!!!!!

Entonces no es problema de CSS si no de JQuery, no?
  #6 (permalink)  
Antiguo 17/08/2011, 11:52
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 6 años, 8 meses
Puntos: 6
Respuesta: IE y Chrome fastidian mucho!!!!!

Cita:
Iniciado por mariomon17 Ver Mensaje
Entonces no es problema de CSS si no de JQuery, no?
y no, porque con firefox funciona bien, pero al hacer el efecto despareja todo!

Etiquetas: chrome, firefox, html, fondo
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 04:50.