Divs no se ven en IE y Opera

[j0n1_1nc]

hola muchachos/as, tengo un pequeño problema con unos divs , resulta que en Mozilla la web se ve como deberia ser, pero al testearla con IE y Opera se ve muy mal , les queria preguntar que estoy haciendo mal :

les dejo el dodigo

Código HTML:

<div class="main"><div align="center" class="logo" 
<a href="/" > <img src="imagenes/logo11.png" border="0"  /></a></div>



<div class="MENUARRIBA texto logo"></div>

<div class="iframe" align="center">Principal<div></div></div>


<div class="boxpubli" align="center">Publicidad<div></div></div>
	
	
<div class="powered" align="center"><div align="center" width="990"
height="105" ></div></div></div> 

y este es el css

Código PHP:

  .main{  
         margin-left:8px; 
         position:absolute; 
} 
 
.logo{ 
         background-image: url('imagenes/logo.png');  
         float:left; 
        -moz-border-radius: 4px; 
         width: 990px; height:105px; 
         padding-top: 0px; 
         padding-left: 0px; 
} 
 
 
 
 
 
.MENUARRIBA{ 
                                    width:100%; 
        background: #000000 url('imagenes/bg-menu-2.gif') repeat-x; 
        height: 29px; 
        margin-top:4px; 
        width:990px; 
        -moz-border-radius: 4px; 
} 
 
 
 
.iframe{ 
    background: #dbdbda repeat-x url('imagenes/box_titlebg.gif');  
    font:Verdana, Arial, Helvetica, sans-serif; 
                  text-shadow: #CCCCCC 0px 1px 1px; 
                  font-weight:bold; 
    font-size:18px; 
    width:790px; 
    height:640px; 
    float:left; 
    margin-top:7px; 
    -moz-border-radius: 5px; 
 
} 
 
 
 
.boxpubli{ 
                  background:#dbdbda repeat-x url('imagenes/box_titlebg.gif');  
    height:640; 
    width:190; 
    margin-top:7px; 
    float:left; 
    margin-bottom:10px; 
    margin-left:10px; 
                  font:Verdana, Arial, Helvetica, sans-serif; 
                   text-shadow: #CCCCCC 0px 1px 1px; 
    -moz-border-radius: 5px; 
                   font-size:18px; 
     
    } 
 
 
.powered{ 
        background-image: url('imagenes/logo.png'); 
        text-align:center; 
        text-shadow: #FFFFFF  0px 0px 4px; 
        font-size:12px; 
        font-weight:bold; 
        color:#FFFFFF; 
        width: 990px; 
        height:105px; 
       -moz-border-radius: 4px; 
}  
   

desde ya, muchas gracias!

[dots3r]

Te refieres al los bordes redondeados?
En tus estilos estas usando la propiedad -moz-border-radius que solo funciona en mozilla, agrega las propiedades -webkit-border-radius y border-radius para que funcione en navegadores basados en webkit y los que tengan soporte para css3.

Suerte

[j0n1_1nc]

Iniciado por dots3r

Te refieres al los bordes redondeados?
En tus estilos estas usando la propiedad -moz-border-radius que solo funciona en mozilla, agrega las propiedades -webkit-border-radius y border-radius para que funcione en navegadores basados en webkit y los que tengan soporte para css3.

Suerte

si ese es uno de los problemas , pero mucho no inporta, directamente no se ven los div el unico que se ve es .menuarriba y el .iframe

[dots3r]

Haber creo que .powered no se ve porque los dos elementos anteriores están flotando entonces .powered quedaría debajo de ellos, prueba usando la propiedad clear de CSS en .powered.

Suerte

[j0n1_1nc]

Iniciado por dots3r

Haber creo que .powered no se ve porque los dos elementos anteriores están flotando entonces .powered quedaría debajo de ellos, prueba usando la propiedad clear de CSS en .powered.

Suerte

gracias, ahora lo pruebo y para .boxpubli que me recomiendas?

[j0n1_1nc]

no, no sirvio ,pero bue, seguire intentando

[Adermall]

Ah caray, espera espera, mmmm ¿estas declarando atributos de estilo en el HTML sin usar style=""?

Segun yo esto:
<div class="iframe" align="center">Principal<div>

Debería ser así:
<div class="iframe" style="text-align:center"></div>

El div align ya es obsoleto y no es soportado por HTML 4.01 Strict / XHTML 1.0 Strict DTD, si de casualidad es el tipo de doctype que usas, eh ahí tu problema.

Te aconsejo por cuestiones semanticas y de buenas costumbres, que dejes tu HTML libre de cualquier declaración de estilo de elementos, para eso sirven las CSS.

[emprear]

j0n1_1nc:

Quiero repetir un concepto que generalmente expongo en otros posts, cuando tienes este tipo de problemas, pero se produce en algunos navegadores si y otros no, debes postear no sólo el código de la parte afectada sino todo el contexto, el HTML completo. El DOCTYPE, un tag mal anidado, cualquier otra cosa puede afectar el resultado.
Si puedes pasa el código completo

Saludos