Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/02/2010, 17:38
Caminantejm
 
Fecha de Ingreso: julio-2009
Mensajes: 75
Antigüedad: 14 años, 9 meses
Puntos: 2
Opera no responde tan bien como dicen

Estoy haciendo una pequeña sombra en un título.
Código CSS:
Ver original
  1. #curso {border: 1px solid tan;
  2. width: 245px;
  3.     color: #800000;
  4. line-height: 1.4em;
  5. float: left;
  6. margin: 0 auto;
  7. position: relative;
  8. }
  9.  
  10. .nombre {
  11. padding-bottom: 0.1em;
  12.     font-size: 1.5em;
  13.     font-weight: bold;
  14.     color: #ec863a; /* 800000 */  /* #9b700b */
  15.     text-align: left;
  16.     border-bottom: 1px solid #800000!important;
  17.     margin-bottom: 0.5em;
  18.     position: relative;
  19.     top: 0px;
  20. right: 0px;
  21.         z-index: 1;
  22.    
  23. }
  24.  
  25. .sombranombre { border: 1px solid aqua;
  26.     font-size: 1.5em;
  27.     font-weight: bold;
  28.     color: #800000;  /* #f4b31a; */
  29.     border-bottom: 0px solid #f4b31a;
  30.     margin-bottom: 0.5em;
  31.     position: absolute;
  32. top: 1px;
  33. right: 2px;
  34. z-index: 0;
  35. }

Código HTML:
Ver original
  1. <div id="curso">
  2.  
  3. <p class="nombre" >Curso primero</p>
  4. <p class="sombranombre" >Curso primero</p>
  5.  
  6.  
  7. </div>

Todo está correcto. Reponde en todos los navegadores (IE, Mozilla, Crome, Safari)menos en Opera. Había oído que Opera era excepcional. Pues parece que menos excepcional.
En esto tiene un grave problema.
Para concretar. La position: absolute (con top:0px y left:0px )debería estar en la esquina superior izquierda de cursos. Y Opera lo pone donde le parece bien.
--> ¿Alguien sabe cómo resolverlo?

Gracias de antemano.
Caminantejm

Última edición por Caminantejm; 28/02/2010 a las 18:00