Comunidad de diseño web y desarrollo en internet online

Problema con CSS en IExplorer 8

Citar            
MensajeEscrito el 07 May 2010 04:05 am
Buenas, antes hice un post pero fui avanzando, y como no se si se puede borrar el post aqui pongo uno nuevo.

fijense en este sitio http://www.marywarddocumentary.com/mwnewsletterb.html le estoy haciendo una newsletter a esa pagina pero resulta que en todos los navegadores se ve bien, excepto,..... si...ese...el innombrable 8, como puedo hacer para que quede bien, ya que cuando muevo la ventana se me ve el Frame derecho que tambien se abre y se cierra y me mueve todas las cajas. Ayuda please, gacias.


Código HTML :

@charset "UTF-8";
/* CSS Document */

<style> 
   body { 
    
    padding:0; 
    text-align:left; 
   } 
   
   body,td,th {
   font-size: 12.5px;
   font-family: Georgia, Times New Roman, Times, serif;
}
a {
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 12.5px;
}
a:link {
   text-decoration: none;
   color: #09C;
}
a:visited {
   text-decoration: none;
   color: #06C;
}
a:hover {
   text-decoration: none;
   color: #FFF;
}
a:active {
   text-decoration: none;
}
.white {
   color: #FFF;
}
.bold {
   font-weight: bold;
   color: #FFF;
}
body {
   background-color: #2e2209;
}

html>body #content { 
    text-align:centre; 
    margin:auto; 
    background-color:#CCC;
    width:900px; 
    height:1100px; 
   } 

#cabecera { 
    width: 900px; 
    height:321px;
   background-image:
   url(imagesnl/top.jpg);
   
   
   
    background-color:
   #2e2209;
   
   } 

   
 #lhs { 
    width:116px; 
    height:339px; 
float:left;

   background-image:url(imagesnl/lhs.jpg);
   
    background-color:
   #2e2209;

   
   
   } 
   
 #contenido {
   
   width:790px;
   height:339px;
   background-color:#edd8a7;
   text-align: left;
 vertical-align: text-top;
 margin-top:-12.5px;

   
   
   
   } 
   
    
 #rhs {
   width:110px;
   height:779px;
   
   float:right;
   background-image:url(imagesnl/rhs.jpg);
   margin-top:-339px;
   // margin-right:43px; //
    background-color:
   #2e2209;
   
   
   
   
   
   } 
   
   
 #mb { 
    width:790px; 
    height:262px; 

   background-image:
   url(imagesnl/mb.jpg);
   
    background-color:
   #2e2209;

   
   } 

 #pie { 
    
    width:433px; 
    height:178px;
   background-image:url(imagesnl/bhs.jpg);
   float:left;
    background-color:
   #2e2209;

   } 
   
#contenido2 {
   width:357px;
   height:104px;
   background-color:#000101;
   margin-left:433px;
   
   
   
   
   
   } 
   
 #brhs {
   width:357px;
   height:74px;
   
   margin-left:433px;
   background-image:url(imagesnl/brhs.jpg);
   
    background-color:
   #2e2209;
   
   
   } 

</style>          

Por Gabrielc

39 de clabLevel



 

safari
Citar            
MensajeEscrito el 07 May 2010 06:38 am
Estimado,

Actualmente hay un truco que permite a tu paginas web emular IE 7 cuando un usuario navega usando IE 8. Tienes que agregar esta meta etiqueta en el HEAD de tu sitio <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />

Luego solo preocupate por maquetar correctamente para IE 7 y listo

Saludos

Por ipraetoriux

18 de clabLevel



Genero:Masculino  

Ingeniero en Software

firefox
Citar            
MensajeEscrito el 07 May 2010 01:02 pm
Gracias Ipra, tambien lo tendre en cuenta, pero lo que preciso mas urgente es justamente que al menos la pagina se vea correctamente (como en FF, Safari etc) en cualquier IExplorer. :(

Por Gabrielc

39 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.