[css] clear both compatible avec IE ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [css] clear both compatible avec IE ?

gravastar_bureau

vive la mise en page en tab...

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.

Publicité

anapajari

s/travail/glanding on hfr/gs;

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

gravastar_bureau

vive la mise en page en tab...

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 ?

anapajari

s/travail/glanding on hfr/gs;

oui ou alors

Code :

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

Message cité 1 fois

gravastar_bureau

vive la mise en page en tab...

anapajari a écrit :

oui ou alors

Code :

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

bon, mais le problème reste entier

anapajari

s/travail/glanding on hfr/gs;

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

gravastar_bureau

vive la mise en page en tab...

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.

FORUM HardWare.fr

Programmation

HTML/CSS

[css] clear both compatible avec IE ?

Sujets relatifs
Rendre un javascript compatible sous firefox	[CSS] IE n'aime pas mon code...
Savoir si un bit est "clear" ou "set"	[css] pb float/clear : comment bien isoler les parties de la page?
pied de la page [probleme clear: both]	site compatible?
Script Texte Defilant compatible "TOUS" navigateurs ? possible ?	Socket-SocketChannel compatible ?
[XHTML] cherche script du genre FCKeditor compatible XHTML 1.1
Plus de sujets relatifs à : [css] clear both compatible avec IE ?

Page générée en 0.068 secondes