Problème CSS sous IE

2 pièce(s) jointe(s)

Bonjour,

J'ai un souci de CSS sous IE. Le même code sous Firefox fonctionne correctement. Voici le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<table>
			<tr><td>	
			<div id="Box5"> 
				<div id="BoxText5_img">
				<ul>	
					<li class="img_promo">'.tep_image(DIR_WS_IMAGES . $img_g, $random_product['products_name'], '','' ).'</li>
					<li class="img_prod"><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '"> ' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], $l_img, $h_img) .  '</a></li><br/>
				</ul>
				</div>
				<div id="BoxText5_desc">	
				<ul>	
					<li class="desc"><a class="desc" href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '"> '. $product_name . '</a></li>
					<li class="desc1">'.$description.'</li><br/>
				</ul>
				</div>
				<div id="BoxText5_piedbox">
				<ul>
					<li class="prix"><s>'. $currencies->display_price($products_price, tep_get_tax_rate($rproducts_tax_class_id)) . '</s><br><span class="productSpecialPrice"><blink>' . $currencies->display_price($specials_new_products_price, tep_get_tax_rate($products_tax_class_id)).'</blink></span></li>
					<li class="img_buy"><a title="buy now" href="' . tep_href_link(FILENAME_PRODUCT_INFO, tep_get_all_get_params(array('action')) . 'action=buy_now&products_id=' . $random_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $img_buy, $random_product['products_name'], $l_img_g, $h_img_g) . '</a></li>
					<li class="cat1" >'.$cat1_name.'</li>
					<li class="cat2">'.$cat2_name.'</li>
				</ul>
				</div>
			</div>		
			</td>
			</tr>
			</table>

Et le CSS correspondant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#Box5{ border: black 1px solid; height: 260px; font-family: Arial, sans-serif;  color: #0000ee;}
#Box5 li { margin-left: -25px; list-style: none;}
#BoxText5_img { float: left;}
#BoxText5_img .img_promo {float: left;}
#BoxText5_img .img_prod { float: left; margin-left: 20px;}
#BoxText5_desc { float: left;}
#BoxText5_desc .desc {font-weight: bold; color: #0000ee; font-size: 10px; text-align: left;}
#BoxText5_desc .desc1 {text-align: right; font-weight: normal; font-size: 11px; height: 50px; text-align: left;}
#BoxText5_piedbox {float: left; margin-top: -20px;}
#BoxText5_piedbox .prix{float:left;}
#BoxText5_piedbox .img_buy{ float: left; margin-left: 10px;}
#BoxText5_piedbox .cat1, #BoxText5_piedbox .cat2 { margin-top: 10px; margin-left: 40px; font-size: 11px; display : list-item; list-style-image : url(images/fleche100.gif); text-align: left; font-weight: bold; font-size: 10px;}
 
SPAN.productSpecialPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
}

Je joins en fichiers attachés le rendu sous FF et IE.

Merci d'avance pour votre aide.

bonjour,

essaye d'appliquer la propriété clear avant le div qui contient ton texte

Je n'ai aucun changement même avec la propriété clear. Je vais essayer de faire un CSS séparé pour IE et FF.