Personalmente no termino de entender cómo asignas un id y class al mismo
div, salvo que lo llames de otro sitio que no sea CSS.
<div id="cabezote" class="corte">
Es difícil no contradecir órdenes con #cabezote #otracosa (y que lo
entiendan igual los navegadores)
Personalmente simplificaría todo con position, y siendo en cabecera, bien
puedes ir a { position: absolute;}
Si miras en las páginas internas de http://www.digitaleando.com/
tienes
#enlaces { position:fixed; .....} // queda permanente en la página al
bajarla
#cabecera { float: right; .....} // al ser id inicial dentro de #container
(todo), me ahorro el position
#logo { position: absolute; ...}
#textocabecera {position: absolute; ... }
#datatime {position: absolute; ....}
en el mazacote de la cabecera (claro que muchas cosas son imágenes
diseñadas, hasta el data-time es una imagen por cada dígito)
Por otra parte, en tu página http://germanbustos.com/ en IE en diferentes
versiones (IETest) van variando las masas de color según las versiones y no
reconoce
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 4px 4px 10px
aunque si lo reconozca Mozilla Firefox
Yo lo valido trabajando como imagen los efectos hasta que CSS3 valide en
todos los navegadores
P.D. En el caso de mi página, en ningún caso necesito utilizar z-index
aunque pueda resultar necesario en algunos casos, pero, al menos yo, ordeno
la secuencia de id o class en CSS para que se sobrepondan en el mismo orden
y me funciona bien en los navegadores.
Saludos
José María
2011/2/1 jaume op <jaum...@gmail.com>
> Asi a primera vista creo recordar que para que z-index funcione, el
> elemento
> debe tener o bien position o estar flotado. Aunque si hay capas que
> quieres
> superponer deberias utilizar position. Puedes leer un poco sobre el tema en
> http://www.librosweb.es/css/capitulo5/visualizacion.html .
> Por cierto en <img src="logo.png" *width='222' height='261'
> style='height:261px;width:222px;'* />, creo que estas repitiendo las
> ordenes.
>
>
> Saludos
> Jaume
>
>
>
>
>
> .corte{
> >> width: 100%;
> >> clear: both;
> >> float: none;
> >> }
> >> #cabezote{
> >> overflow: hidden;
> >> height: 260px;
> >> border-bottom: #FF6600 solid 6px;
> >> }
> >> #cabezote #logo{
> >> float: left;
> >> width: 222px;
> >> z-index: 6;
> >> }
> >> #cabezote #titulargrande{
> >> float: right;
> >> width: 700px;
> >> font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
> >> font-size: 90px;
> >> z-index: 0;
> >> text-align: right;
> >> margin-right: 20px;
> >> margin-top: 120px;
> >> }
> >> #cabezote #titulargrande a, #cabezote #titulargrande a:link, #cabezote
> >> #titulargrande a:visited, #cabezote #titulargrande a:hover, #cabezote
> >> #titulargrande a:active{
> >> color: #444;
> >> text-decoration: none;
> >> z-index: 0;
> >> }
> >> #menuprincipal{
> >> z-index: 3;
> >> background: #000;
> >> color: #FFF;
> >> height: 70px;
> >> margin-top: 200px;
> >> }
> >> #menuprincipal ul{
> >> padding: 0;
> >> margin: 0;
> >> list-style: none;
> >> }
> >> #menuprincipal ul li{
> >> display: inline;
> >> float: left;
> >> height: 66px;
> >> line-height: 66px;
> >> font-size: 16px;
> >> padding: 0 10px 0 10px;
> >> }
> >> #menuprincipal ul li a, #menuprincipal ul li a:link, #menuprincipal ul
> li
> >> a:visited, #menuprincipal ul li a:hover, #menuprincipal ul li a:active{
> >> color: #FFF;
> >> text-decoration: none;
> >> z-index: 20;
> >> }
> >>
> >
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
