Foros del Web » Creando para Internet » CSS »

Problemas css e Internet Explorer

Estas en el tema de Problemas css e Internet Explorer en el foro de CSS en Foros del Web. Hola, os explico mi problema: Estamos desarrollando una web de comercio electrónico con la plicación magento, al realizar el diseño de la plantilla hemos llegado ...
  #1 (permalink)  
Antiguo 30/09/2009, 05:54
Avatar de triskell  
Fecha de Ingreso: junio-2007
Mensajes: 149
Antigüedad: 10 años, 6 meses
Puntos: 2
Problemas css e Internet Explorer

Hola, os explico mi problema:

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:
<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>
Estilos (fragmento que define el pie):
Código:
/* 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;}
/* ======================================================================================= */
Estilos IE:
Código:
/* 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); }
Agradeceré cualquier ayuda.
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 16:52.