Foros del Web » Creando para Internet » CSS »

Cajas con div que se ven mal en IE

Estas en el tema de Cajas con div que se ven mal en IE en el foro de CSS en Foros del Web. Hola tengo un pequeño gran problema con el tipico Firefox Vs IE. He creado cuatro divs con la siguiente extructura: En principio lo he creado ...
  #1 (permalink)  
Antiguo 01/03/2010, 03:02
Avatar de kennyhp  
Fecha de Ingreso: julio-2006
Mensajes: 370
Antigüedad: 11 años, 5 meses
Puntos: 5
Cajas con div que se ven mal en IE

Hola tengo un pequeño gran problema con el tipico Firefox Vs IE.

He creado cuatro divs con la siguiente extructura:


En principio lo he creado y en Firefox se ve perfecto, pero cuando voy al IE (8 y 7) se ven muy mal, algo así:


He ido creado la hoja de estilo retocando con el Firebug y me ha quedado así:

Código HTML:
.caja-principal
	{
	    width:70%;
	    margin-left:120px;
	}
	
	.caja-quees
	{
		float: left;
        margin-right: -45px;
        padding-left: 12px;
        width: 310px;

    }
    
    .caja-missio
    {
        float: left;
        margin-left:-264px;
        margin-right: -32px;
        margin-top:104px;
        width: 341px;
    }
    
    .caja-governanca
    {
        float: left;
        margin-left:-308px;
        margin-top:234px;
           
     }
	
	.caja-objectiu
	{
	    float: right;
        margin-right: -45px;
	}
Y el codigo de los div:

Código HTML:
<div class="caja-principal">

<div class="caja-quees">

</div>

<div class="caja-missio">

</div>

<div class="caja-governanca">

</div>

<div class="caja-objectiu">

</div>

</div> 
¿que puedo hacer para que se vea bien en IE tambien?

Gracias de antemano.
  #2 (permalink)  
Antiguo 01/03/2010, 16:22
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Cajas con div que se ven mal en IE

probá con esto:

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2.   <head>
  3.     <title>New Document</title>
  4.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  5.     <style>
  6.     #mainwrapper{width:960px;overflow:hidden;margin:0 auto;}
  7.     #leftwrapper, #rightwrapper{border:1px solid #f00;overlfow:hidden;width:49%;}
  8.     #leftwrapper{float:left;}
  9.     #rightwrapper{float:right;}
  10.     .cajas-left{margin:2px 6px;border:1px solid #00f;}
  11.     </style>
  12.   </head>
  13.   <body>
  14.     <div id="mainwrapper">
  15.       <div id="leftwrapper">
  16.         <div class="cajas-left">&nbsp;</div>
  17.         <div class="cajas-left">&nbsp;</div>
  18.         <div class="cajas-left">&nbsp;</div>
  19.       </div>
  20.       <div id="rightwrapper">&nbsp;</div>
  21.     </div>
  22.   </body>
  23. </html>

  #3 (permalink)  
Antiguo 02/03/2010, 08:55
Avatar de kennyhp  
Fecha de Ingreso: julio-2006
Mensajes: 370
Antigüedad: 11 años, 5 meses
Puntos: 5
Respuesta: Cajas con div que se ven mal en IE

Funciona perfecto!! y con mucho menos código!

Gracias
  #4 (permalink)  
Antiguo 02/03/2010, 12:33
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Cajas con div que se ven mal en IE

me alegro!

Etiquetas: cajas, mal, ven
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 14:37.