RESOLU probleme avec liste produits sous IE

[baranger1978]

Bonjour,

Je me trouve devant un cas un peu bizarre !
Je viens de concevoir mon ecommerce testé a chaque fois sous firebox et tout est impeccable !
Sauf que mes produits, qui étaient en 3 colonnes sous firebox, ne sont plus alignés en colonne, mais l'un dessous l'autre quand je le teste sous IE !

Que faire svp ?

Merci

[Atch]

Bonjour,

Que faire svp ?

Merci

Bonjour et bienvenue,

Que faire? Chercher pourquoi IE applique un retour à la ligne...

Ne me dites pas comment? car avec si peu d'éléments en notre possession c'est difficile de répondre

V++

PS : Sujet déplacé

Atch

[cactusman2]

Tu as une addresse url a nous donner?

[baranger1978]

Bonjour a tous !

Voici le code trouvé qui serait surement a modifié, mais je ne sais pas ou corrigé !

/* product-list.tpl */
ul#product_list { margin-top: 2em; list-style-type: none }
ul#product_list li {
background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
border: solid 1px #d0d3d8;
padding: 6px;
min-height: 130px;
height: auto;
clear: both;
margin-bottom: 0.3em
}
* html ul#product_list li {
height: auto !important;
height: 130px
}
ul#product_list li a {
text-decoration: none;
color: #374853
}
ul#product_list a.product_img_link {
border: solid 1px #d0d3d8;
float: left;
margin-right: 0.6em
}
ul#product_list a.product_img_link img { vertical-align: bottom }
ul#product_list li h3 { margin: 0.4em 0 }
ul#product_list li .new {
background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border: 1px solid #488C40;
color: white;
font-size: 0.6em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: uppercase;
vertical-align: 0.3em
}
ul#product_list li p.product_desc {
margin-bottom: 0;
font-size: 0.92em
}
ul#product_list li div.center_block {
float: left;
width: 74%
}
ul#product_list li div.right_block {
float: left;
width: 11em;
text-align: right;
margin-left: 1em;
margin-top: 0
}
ul#product_list li .discount {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
display: block
}
ul#product_list li .on_sale {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
display: block
}
ul#product_list li .reduction {
display: block;
margin-bottom: 0.3em
}
ul#product_list li .price {
display: block;
font-size: 1.5em;
margin-bottom: 0.2em
}
ul#product_list li span.availability {
color: #488c40;
font-size: 0.9em
}
ul#product_list li a.button { margin-top: 0.5em }

/* shopping cart */
#order div.cart_last_product {
width: 300px;
margin: 0 auto 12px
}
#order div.cart_last_product .cart_last_product_header,
#order div.cart_last_product .cart_last_product_header div.left {
background: url('../img/table_header.gif') right 0;
}
#order div.cart_last_product .cart_last_product_header div.left {
background-color:#fff;
background-position:0 0;
margin-bottom:5px;
padding-left: 27px;
width: 249px;
height: 24px;
line-height: 24px;
color: #374853;
font-weight: bold
}
#order div.cart_last_product a.cart_last_product_img { float:left }
#order div.cart_last_product a.cart_last_product_img img {
margin:0 6px;
border:1px solid #D0D1D5
}
#order div.cart_last_product .cart_last_product_content {
float:right;
width:241px
}
#order div.cart_last_product .cart_last_product_content a { text-decoration:none }
#order div.cart_last_product .cart_last_product_content h5 { font-size:9px }
#order div.cart_last_product .cart_last_product_content h5 a { color:#595A5E }

p.cart_navigation { padding: 1em 0!important }
p.cart_navigation .button,
p.cart_navigation .button_large { float: left }
p.cart_navigation .exclusive,
p.cart_navigation .exclusive_large { float: right }
p.cart_navigation_extra {
text-align: center;
width: auto
}
form.std p.cart_navigation span {
float: none;
text-align: left;
width: auto
}
#cart_summary tfoot tr td {
border-top: none;
line-height: 1.5em
}
#cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #bdc2c9 }
#cart_summary tfoot tr.cart_total_price td { border-bottom: 2px solid #bdc2c9 }
#cart_summary .price, #cart_summary .price-discount {
color: #595A5E;
font-size: 1em;
text-decoration: none

Si vous savez quel code changer pour mettre les produits en 3 colonnes, je suis client !!! %-P

Merci a tous !

[baranger1978]

Bonjour !

Personne a la solution !
C'est pas faute d'essayer de trouver a l'interieur des codes mais la, place aux connaisseurs, pour m'aider !!!

A votre bon coeur, monsieur, dames !!! :-)

Merci

[Atch]

Bonjour,

Supprimez clear:both et ajoutez float:left à la balise ul#product_list li

V++

Atch

[baranger1978]

Youpi !!!
Grace a vous j'ai enfin ce que je voulais !!!

Merci a tous !!! et vive prestashop et son forum !!!

RESOLU