Jump to content

Block Footer compatible con Internet explorer


Recommended Posts

Hola, nuestra tienda funciona correctamente bajo firefox y google crome, pero en internet explorer, se descoloca todo... estoy seguro que es la plantilla, pero por ahora no quiero cambiarla.

Con sólo cambiar el footer creo que seria suficiente...

¿que módulo me aconsejais que funcione correctamente para este navegador? o que puedo hacer para que funcione.

El footer que tengo ahora es el que traia la plantilla.

Si quereis podeis mira el css de dicho modulo:

 /*********** Footer ************************/

.home-info-container  {
 height:150px;
 background-color:#F4F4F4;
 background-image:url('../img/footer_bg.gif');
 background-repeat:repeat-x;
 padding-bottom:10px;
 padding-left:10px;
 padding-right:10px;
 border:1px solid #E0E0E0;
 margin-bottom:5px;
}

.home-info-box {    
   float:left;
   font-size:11px;
   line-height:19px;
   margin-top:15px;
   padding-left:0px;
   width:140px;
}

.home-info-box p.lock {
 background-image:url('../img/lock_icon.gif');
 background-position:right center;
 background-repeat:no-repeat;
 color:#666666;
 margin-top:10px;
 border-top:1px dotted #cdcdcd;
}


.home-info-box-security {    
   float:left;
   font-size:11px;
   line-height:19px;
   margin-top:20px;
   padding-left:0px;
   width:140px;
}

.home-info-box-security a img{    
    margin-top:10px;
    margin-left:10px;
}

.home-info-box2 {
   float:left;
   font-size:11px;
   line-height:19px;
   margin-top:15px;
   width:165px;

   background-image:url('../img/sep3.gif');
   background-position:right bottom;
   background-repeat:no-repeat;
   margin-right:25px;

}

.home-news-box {
   float:right;
   padding:6px 10px;
   width:243px;
   margin-top:8px;
}

.home-news-form {
   padding-bottom:10px;
   padding-left:2px;
   padding-right:2px;

}
.home-news-form p.warning_inline, p.success_inline{
   height:18px;
}
.home-news-form h4 {
   font-size:12px;
   margin-bottom:3px;
}

.home-news-form input {
 margin: 0 0 3px;
 background-color:#FFFFFF;
 background-image:url('../img/input_bg1.gif');
 background-position:left center;
 background-repeat:no-repeat;
 padding: 3px 0 3px 3px;
 width: 152px;
 }
.home-news-form select.newsletter {
   margin-left:0;
}
select.newselect{
 margin:0;
}

.home-news-form input.button_small_cart{
 background-color:#6F6F6F;
 color:#FFFFFF;
 width:78px;
 border:1px solid #E0E0E0;
 background-image:none;
}

.home-news-form input.button_small_cart:hover{
 background-color:#555;
 background-image:none;
}

.home-news-form .block_content form p{
 margin-top:5px;
}

.home-info-container h4 {
   font-size:15px;
   margin-bottom:5px;
   text-align:left;
   font-weight:bolder;
   text-transform:capitalize;
}

#footer {
	clear: both;
	position:relative;
   margin-bottom:0px;
   border-bottom: 1px solid #D0D3D8;
   border-top:none;
}
#footer .block_various_links { list-style: none; float:left; padding-bottom:10px; padding-top:10px; }
#footer .block_various_links li a{ text-decoration:none; line-height:18px; color:#444444; }
#footer .block_various_links li a:hover { color:#1e1e1e; }
#footer .block_various_links li {
display: inline;
border-left: 1px solid #D3D3D3;
padding: 0px 10px 0px 10px;
}
#footer .block_various_links li.first_item {
border: none;
padding-left: 0px;
}


#footer li {
 float:left;
 padding-right:10px;
}

#footer ul {
 list-style-type:none;
 margin:0;
 height: 20px;
 padding:0;
}

#footer .conn {
 float:left;
 border-top:1px solid #D3D3D3;
 width:100%;
}

.home-info-box a, .home-info-box2 a {
   text-decoration: none;
}

 

Pongo captura de la web en firefox y en ie.

Ayuda por favor. Gracias.

post-165621-0-46552200-1312188088_thumb.jpg

post-165621-0-58952600-1312188094_thumb.jpg

Link to comment
Share on other sites

  • 3 weeks later...
Guest
This topic is now closed to further replies.
×
×
  • Create New...