Foros del Web » Creando para Internet » HTML »

Divs no se ven en IE y Opera

Estas en el tema de Divs no se ven en IE y Opera en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/06/2010, 13:23
 
Fecha de Ingreso: junio-2010
Mensajes: 18
Antigüedad: 7 años, 5 meses
Puntos: 1
Divs no se ven en IE y Opera

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-imageurl('imagenes/logo.png'); 
         
float:left;
        -
moz-border-radius4px;
         
width990pxheight:105px;
         
padding-top0px;
         
padding-left0px;
}





.
MENUARRIBA{
                                    
width:100%;
        
background#000000 url('imagenes/bg-menu-2.gif') repeat-x;
        
height29px;
        
margin-top:4px;
        
width:990px;
        -
moz-border-radius4px;
}



.
iframe{
    
background#dbdbda repeat-x url('imagenes/box_titlebg.gif'); 
    
font:VerdanaArialHelveticasans-serif;
                  
text-shadow#CCCCCC 0px 1px 1px;
                  
font-weight:bold;
    
font-size:18px;
    
width:790px;
    
height:640px;
    
float:left;
    
margin-top:7px;
    -
moz-border-radius5px;

}



.
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:VerdanaArialHelveticasans-serif;
                   
text-shadow#CCCCCC 0px 1px 1px;
    
-moz-border-radius5px;
                   
font-size:18px;
    
    }


.
powered{
        
background-imageurl('imagenes/logo.png');
        
text-align:center;
        
text-shadow#FFFFFF  0px 0px 4px;
        
font-size:12px;
        
font-weight:bold;
        
color:#FFFFFF;
        
width990px;
        
height:105px;
       -
moz-border-radius4px;

desde ya, muchas gracias!
  #2 (permalink)  
Antiguo 15/06/2010, 13:33
Avatar de dots3r  
Fecha de Ingreso: julio-2008
Mensajes: 106
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: Divs no se ven en IE y Opera

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
__________________
Ideorama. Su presencia en Internet
  #3 (permalink)  
Antiguo 15/06/2010, 13:36
 
Fecha de Ingreso: junio-2010
Mensajes: 18
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: Divs no se ven en IE y Opera

Cita:
Iniciado por dots3r Ver Mensaje
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
  #4 (permalink)  
Antiguo 15/06/2010, 13:44
Avatar de dots3r  
Fecha de Ingreso: julio-2008
Mensajes: 106
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: Divs no se ven en IE y Opera

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
__________________
Ideorama. Su presencia en Internet
  #5 (permalink)  
Antiguo 15/06/2010, 13:48
 
Fecha de Ingreso: junio-2010
Mensajes: 18
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: Divs no se ven en IE y Opera

Cita:
Iniciado por dots3r Ver Mensaje
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?
  #6 (permalink)  
Antiguo 16/06/2010, 21:04
 
Fecha de Ingreso: junio-2010
Mensajes: 18
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: Divs no se ven en IE y Opera

no, no sirvio ,pero bue, seguire intentando
  #7 (permalink)  
Antiguo 17/06/2010, 01:17
 
Fecha de Ingreso: junio-2010
Mensajes: 92
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: Divs no se ven en IE y Opera

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.
  #8 (permalink)  
Antiguo 17/06/2010, 09:44
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Divs no se ven en IE y Opera

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

Etiquetas: css, ie6o7, ie7, opera
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 15:12.