[HTML] reaction firefox ie différente
KneXos Le salon de discussion :
Aragorn Le Rouge Godet Ln2 et Azote liquide :
guy68,
pandaxx, 2 utilisateurs anonymes et 20 utilisateurs inconnus
cybersplash Laissez moi chanter !!! | Bonjour à tous 
Je suis en train de faire un petit site et je tombe sur un probleme d'affichage.
Je construit dynamiquement un tableau qui contiendra dans chacune de ses cellules deux div en position relative qui se chevauchent.
Sans preciser la taille des div firefox et mozilla m'affiche des cellule de la hauteur de mes deux div meme si elles se chevauchent (d'où un espace blanc).
Pour remedier à cela j'ai defini comme hauteur de ma deuxieme div 0 maintenant sous firefox mes cellules ont la bonne taille mais sous ie rien n'a changé.
Si vous avez déjà rencontré ce problème merci de me faire part de votre expérience
Pour information je ne peux pas vous fournir l'addresse du site (site commercial)
|
ced-2k TODO : Insert text here. | tu pourrais fournir un extrait de code de ce qui ne fonctionne pas (sans divulguer le code complet)?
parce que là c'est dur de t'aider  |
cybersplash Laissez moi chanter !!! | Code :
- $tmpLogo=$TabProd[$nJ]->logo;
- $nbCell=0;
- $nbLogoLine=1;
- while ($nbCell<$StopDisplay && isset($TabProd[$nJ])) {
- $nbLogo=0;
- if($nJ!=$Deb)echo "</tr><tr><th colspan=".($nbrcol-2)." height='34px'><img src='includes/bibliotheque/txtLogo.php?text=".$TabProd[$nJ]->logo."'></img></th></tr>";
- else echo "<th colspan=".($nbrcol-2)."><img src='includes/bibliotheque/txtLogo.php?text=".$TabProd[$nJ]->logo."'></img></th></tr>";
- while ($TabProd[$nJ]->logo==$tmpLogo ) {
- $nbLogo++;
- if($nbCell+$nbLogo<=$nbrcolNearImg){ if(bcmod($nbCell+$nbLogo,$nbrcol-2)==1){echo "<tr>";$nbLogoLine=0;}}
- else {if(bcmod($nbCell+$nbLogo,$nbrcol)==1){echo "<tr>"; $nbLogoLine=0;}}
- echo "<td><center>";
- echo " <div style='z-index:0;' class=vignette_tshirt>";
- echo " <img width='100px' height='78px' src='includes/data/catalogue/2006/couleurs/".$TabProd[$nJ]->couleur.".png'></img>";
- echo " </div>";
- echo " <div style='z-index:1; top:-78px; height:0px;' class=vignette_tshirt>";
- echo " <a href='index.php?page=utilisateur/catalogue/catalogue.php&affCateg=".$_REQUEST['affCateg']."&affSexe=".$_REQUEST['affSexe']."&affCoupe=".$coupe."&nbrcol=".$nbrcol."&deb=".$deb."&inter=".$inter."&affprod=".$TabProd[$nJ]->ref."'>";
- echo " <img width='100px' height='78px' src='includes/data/catalogue/2006/graphs/".$TabProd[$nJ]->logo.".png'></img>";
- echo " </a>";
- echo " </div>";
- echo "</td></center>";
- $nbLogoLine++;
- if($nbCell+$nbLogo<=$nbrcolNearImg){ if(bcmod($nbCell+$nbLogo,$nbrcol-2)==0){echo "</tr>"; $nbLogoLine=0;}}
- else {if(bcmod($nbCell+$nbLogo,$nbrcol)==0){echo "</tr>";}}
- $nJ++;
- }
- if ($nbCell+$nbLogo<=$nbrcolNearImg) $nbCell+=$nbLogo+($nbrcol-2-$nbLogoLine);
- else $nbCell+=$nbLogo+($nbrcol-$nbLogoLine);
- if (isset($TabProd[$nJ])) $tmpLogo=$TabProd[$nJ]->logo;
- //echo "<script language=javascript>alert('".$nbLogo." ".$nbCell." ".$nbLogoLine."');</script>";
- $nbLogoLine=0;
- }
|
voila le code
dsl l'indentation n'est pas parfaite et il n'y a pas de commentaire
j'espere que ca va vous aider
Message édité par cybersplash le 17-09-2006 à 17:11:01
|
cybersplash Laissez moi chanter !!! | Voila des screen
firefox :
ie:
 |
ced-2k TODO : Insert text here. | je pensais plutot au html plutot qu'au php |
cybersplash Laissez moi chanter !!! | en faite le html ce trouve dans ce bout de code c'est ici que j'utilise la technique du height=0 pour firefox |
ced-2k TODO : Insert text here. | j'avais compris mais ca aurait été plus simple avec le html...
la classe vignette_tshirt est définie comment? |
cybersplash Laissez moi chanter !!! | elle est juste en position relative
vignette_tshirt {
position : relative;
} |
ced-2k TODO : Insert text here. | http://www.crichard.be/test/
si je comprend bien le prob est l'espace blanc entre les 2 images sous IE? tu voudrais qu'elles soient collées l'une en dessous de l'autre comme sous FF? |
cybersplash Laissez moi chanter !!! | |
Deadog Dain Bramaged | c'est le problème du model de boites de microsoft différent du standard.
traité minte et minte fois sur le net  |
ced-2k TODO : Insert text here. | |
cybersplash Laissez moi chanter !!! | je viens de lire quelques informations sur le modele de boite de microsoft mais je n'arrive toujours pas a trouver une solution.
Je ne comprend pas pourquoi ie défini la taille du cellule comme étant la somme des deux hauteurs des images
la cellule contient deux images et deux div les deux images se chevauchent et une des deux div a pour hauteur 0. Pour une meilleur compatibilité avec ie j'utilise un pngHack car tte les images de mon site sont en png (d'ailleur j'ai un petit problème avec les images de fond comment faire pour permettre leur transparence ? sous ie) donc je suis obliger de spécifier une taille pour l'image. |
ced-2k TODO : Insert text here. | ca ne serait pas plus simple si tu mettait ton image "color.png" comme background de la cellule ?
tu pourrai même retirer les 2 div et ne plus afficher que l'image avec le lien... |
cybersplash Laissez moi chanter !!! | |
ced-2k TODO : Insert text here. | oui IE ne reconnait pas les input[type=text] ...
contre ça j'avais une solution (très porc  ) qui consistait à utiliser du JS dans le CSS, et seul IE le comprenait...
mais depuis les dernieres mises à jour d'IE ils ont corrigé cette abération.
sinon tu ajoute une classe a tes input text mais il faut le faire à chaque fois, c'est lourd  |
cybersplash Laissez moi chanter !!! | oui c'est lourd
mais bon si y a que cette solution je vais m'y coller
merci encore |
Trouffman | bah de tout maniére IE est lourd ---------------
[Syndrome-OC.net] - Life is a bitch (with big titties, of course)! | Mon compte MSN n'est pas une plateforme de support/helpdesk/catalogue live. | Si tu ne sais pas utiliser ton PC, débranche le...
|
Mossieur Propre | laisse tomber le code IE ...
MS se fout totalement des règles du W3C et va tout faire dans les prochaines années pour imposer son navigateur. Si il ne tombe pas aujourd'hui, c'est la fin du W3C ... ---------------
Forever Yoko in my heart. | http://www.phoenixfr.org - réseau IRC francophone | knexos xstephx a dit : "blabla"
|
[HTML] reaction firefox ie différente
et je confirme ce que dit Deadog 
