[css] clear both compatible avec IE ?

Marsh Posté le 28-11-2005 à 15:08:40

hello tout le monde,

Comme vous l'aurez compris, je me trouve face à un petit problème de mise en page (http://www.mobilostore.com/voir_produit2/16797/batterie-nokia-origine-bp6m-nokia-6280.html).
En effet, sous Mozilla, les 2 liens "Tous les accessoires pour ce modèle" et "Autres Batteries" se trouvent là où ils devraient se trouver, c'est-à-dire en-dessous de l'image.
Sous IE... ils se trouvent à gauche de l'image [:alina95]

Le code concerné :

Code :

$buffCenter.= '<div style={padding:10px;}>';
...
$strImg .='<img src="http://mobilo.mobilostore.com/img/'.$img.'" alt="'.stripslashes($r['nom_prod']).'" class="pic" width="'.$width.'" height="'.$height.'" style={border:0px;boder-color:white;margin-left:20px;margin-bottom:10px;margin-top:10px;float:right;}>';
...
$buffCenter.= '<div style={position:relative;padding-top:20px;}>'.$strImg.'<p style={text-align:justify;}>'.stripslashes(nl2br($r['desc_prod_fr'])).'</p></div>';
$buffCenter.= '<div style{width:417px;margin:auto;clear:both;}><a href="http://www.mobilostore.com/browse_modeles.php?idModele='.$r['modele'].'" style={background-color:cornflowerblue;color:white;border:2px;border-color:darkslateblue;border-style:groove;padding:2px;float:right;margin-right:10px;}>Tous les accessoires pour ce modèle</a>';
$type= explode(" ",$r[nom_prod]);
$buffCenter.= '<a href="http://www.mobilostore.com/browse_cats.php?idCat='.$r['ref_categorie'].'" style={background-color:cornflowerblue;color:white;border:2px;border-color:darkslateblue;border-style:groove;padding:2px;float:left;margin-left:10px;}>Autres '.$type[0].'s</a></div>';

Le code est encore crado, je ne l'ai pas encore nettoyé, mais peu importe le problème reste entier.
Si vous voulez que je rende ca un peu plus valide pour y jeter un coup d'oeuil, n'hesitez pas à me le dire, j'aimerais assez faire tourner cette page assez vite.

Merci d'avance.

Reply

Marsh Posté le 28-11-2005 à 15:08:40

Reply

Marsh Posté le 28-11-2005 à 15:20:52

euh c'est normal c'est pas trop comme ça qu'on déclare un style dans un div:

Code :

<div style{width:417px;margin:auto;clear:both;}>

J'en viens même à me demander comment ça marche sous FF!!!!

Message cité 1 fois

Reply

Marsh Posté le 28-11-2005 à 15:24:09

anapajari a écrit :

euh c'est normal c'est pas trop comme ça qu'on déclare un style dans un div:

Code :

<div style{width:417px;margin:auto;clear:both;}>

J'en viens même à me demander comment ça marche sous FF!!!!

hmmm...
et si je te fais un :

...
<style type="text/css">
#plop{
width:417px;
clear:both;
}
</style>
...
<div id='plop'>

ca te va mieux ?

Reply

Marsh Posté le 28-11-2005 à 15:25:35

oui ou alors

Code :

<div style="width:417px;margin:auto;clear:both;">

Message cité 1 fois

Reply

Marsh Posté le 28-11-2005 à 15:50:41

anapajari a écrit :

oui ou alors

Code :

<div style="width:417px;margin:auto;clear:both;">

bon, mais le problème reste entier

Reply

Marsh Posté le 28-11-2005 à 16:09:51

bin non, si je reprends l'url que tu as donnée en haut j'ai:

Code :

<div style{width:417px;margin:auto;clear:both="">
<a href="http://www.mobilostore.com/browse_modeles.php?idModele=664" style="border: 2px groove darkslateblue; padding: 2px; background-color: cornflowerblue; color: white; float: right; margin-right: 10px;">Tous les accessoires pour ce modèle</a>...</div>

Bien mais pas top

Message cité 1 fois

Reply

Marsh Posté le 28-11-2005 à 16:29:03

anapajari a écrit :

bin non, si je reprends l'url que tu as donnée en haut j'ai:

Code :

<div style{width:417px;margin:auto;clear:both="">
<a href="http://www.mobilostore.com/browse_modeles.php?idModele=664" style="border: 2px groove darkslateblue; padding: 2px; background-color: cornflowerblue; color: white; float: right; margin-right: 10px;">Tous les accessoires pour ce modèle</a>...</div>

Bien mais pas top

o_O
Ca correspond moyennement au php cette histoire. Enfin bon, ca fonctionne now, en ne changeant rien (juste uploadé le fichier encore une fois)... je vais peut être devoir enguirlander un collègue là :fou:
Fatigant de travailler à 2 sur les mêmes fichiers, on a des surprises des fois.

Reply

[css] clear both compatible avec IE ?

Sujets relatifs:

Leave a Replay