Estamos desarrollando una web de comercio electrónico con la plicación magento, al realizar el diseño de la plantilla hemos llegado a tener un problema con la visualización en el Internet explorer. El pie de la página se compone de dos partes: una superior con seis banners de publicidad y los links de contacto básicos (entiendase como: quienes somos, foro, inicio, contactar, etc.) resulta que la idea era meterlos en dos etiquetas div, una con los banners y la otra con un fondo que tiene en su parte superior una linea casi negra y debajo los enlaces) el problema es que mientras que Mozilla me lo visualiza todo correctamente el Internet explorer 7.0 no lo hace (sólo visualiza bien los banners, los enlaces los convierte en una lista)
Os dejo el código tal y como lo tengo para que os hagais una idea:
Pie de página:
Código:
Estilos (fragmento que define el pie):<div class="footer-block2">
<div class="border-left">
<div class="border-right">
<div class="corner-left-top">
<div class="corner-right-top"
<div class="page-banners" align="center">
<a href="http://www2.cvttiendaonline.es/index.php/contacts/"><img src="http://www2.cvttiendaonline.es/skin/frontend/blank/theme038/images/media/banner_2.png" border="0" class="img-indent" /></a>
<a href="http://www2.cvttiendaonline.es/index.php/contacts/"><img src="http://www2.cvttiendaonline.es/skin/frontend/blank/theme038/images/media/banner_3.png" border="0" class="img-indent" /></a>
<a href="http://www2.cvttiendaonline.es/index.php/contacts/"><img src="http://www2.cvttiendaonline.es/skin/frontend/blank/theme038/images/media/banner_4.png" border="0" class="img-indent" /></a>
<a href="http://www2.cvttiendaonline.es/index.php/contacts/"><img src="http://www2.cvttiendaonline.es/skin/frontend/blank/theme038/images/media/banner_2.png" border="0" class="img-indent" /></a>
<a href="http://www2.cvttiendaonline.es/index.php/contacts/"><img src="http://www2.cvttiendaonline.es/skin/frontend/blank/theme038/images/media/banner_3.png" border="0" class="img-indent" /></a>
<a href="http://www2.cvttiendaonline.es/index.php/contacts/"><img src="http://www2.cvttiendaonline.es/skin/frontend/blank/theme038/images/media/banner_4.png" border="0" /></a><br/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-block">
<div class="border-left">
<div class="border-right">
<div class="corner-left-top">
<div class="corner-right-top">
<div align="center">
<?php echo $this->getChildHtml('cms_footer_links') ?>
<?php echo $this->getChildHtml('footer_links') ?><br/><br/>
<?php echo $this->getCopyright() ?>
<?php echo $this->getChildHtml('store_switcher') ?></div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
Código:
Estilos IE:/* Footer ================================================================================ */
.footer{color:#122234; font-size:0.84em; padding:0 7px;}
.footer .footer-block{background:url(../images/footer_block_border_top.gif) left top repeat-x #BBBBBB; width:100%;}
.footer .footer-block .border-left{background:url(../images/footer_block_border_left.gif) left top repeat-y;}
.footer .footer-block .border-right{background:url(../images/footer_block_border_right.gif) right top repeat-y;}
.footer .footer-block .corner-left-top{background:url(../images/footer_block_corner_left_top2.gif) left top no-repeat;}
.footer .footer-block .corner-right-top{background:url(../images/footer_block_corner_right_top2.gif) right top no-repeat; padding:10px 36px 1px 51px}
.footer .footer-block2{background:url(../images/footer_block_border_top2.gif) left top repeat-x #BBBBBB; width:100%;}
.footer .footer-block2 .border-left{background:url(../images/footer_block_border_left.gif) left top repeat-y;}
.footer .footer-block2 .border-right{background:url(../images/footer_block_border_right.gif) right top repeat-y;}
.footer .footer-block2 .corner-left-top{background:url(../images/footer_block_corner_left_top.gif) left top no-repeat;}
.footer .footer-block2 .corner-right-top{background:url(../images/footer_block_corner_right_top.gif) right top no-repeat; padding:10px 36px 1px 51px}
.footer .left-col{width:2%; float:left; padding-top:15px;}
.footer .right-col{width:96%; float:right;}
.footer .store-switcher{margin-top:5px;}
.footer ul{padding:0; display:inline;}
.footer ul li{display:inline; padding:0 14px 0 13px; background:url(../images/foote_linksr_divider.gif) right 3px no-repeat;}
.footer ul li a{color:#122234; text-decoration:none;}
.footer ul li a:hover{text-decoration:underline;}
.footer ul li.last{background:0;}
/* ======================================================================================= */
Código:
Agradeceré cualquier ayuda. /* IE 6 only */
.login-page .content { _height:150px; }
.validation-advice { _height:13px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { _height:24px; }
.opc li.section { vertical-align:top; }
/* Doubled Margin Fixes */
.product-view .product-img-box .more-views li,
.sp-methods select.month { display:inline; }
/********** < Navigation styles */
#nav li,
#nav li a { zoom:1; }
#nav li { vertical-align:top; }
/* Show Menu */
#nav li.over ul.shown-sub { left:0; }
#nav li.over li ul.shown-sub { left:100px; }
/********** < Navigation styles */
input.radio { width:13px; height:13px; }
input.checkbox { width:13px; height:13px; }
/* Clearer */
.clearer { display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* Clears and hasLayout fixes */
.header,
#nav,
.main,
.footer,
.footer .footer-block,
.footer .footer-block2,
.col-main,
.col2-set,
.col3-set,
.col4-set,
.messages li,
.search-autocomplete li,
.block-poll li,
.block-related li,
.block-related .item,
.block-reorder li,
.block .actions,
.mini-products-list li,
.title-buttons,
.pager,
.sorter,
.ratings,
.products-list .item,
.add-to-box,
.add-to-cart,
.product-essential,
.product-view .product-img-box .more-views ul,
.product-options .options-list li,
.product-options-bottom,
.truncated,
.truncated .truncated_full_value,
.product-review,
.cart,
.opc .step-title,
.opc .step,
.sp-methods,
.checkout-progress,
.field-100,
.form-list li,
.group-select li,
.buttons-set,
.buttons-set2,
.page-print .print-head,
.cart-tax-total { zoom:1; }
/* Hover Fix */
iframe.hover-fix { position:absolute; left:-1px; top:-1px; z-index:-1; background:transparent; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }
