Aller au contenu

Décalage sous fire fox et mozilla mais pas EI


baycris

Sujets conseillés

Salut j'ai ce petit morceau de code qui me pose un soucis de compatibilité :

Si l'on regarde en haut de page du site w**.tai-informatique.com au niveau de site intro il y a un décalage du texte par rapport à l'image.

Ca le fait sous Firefox et Opera mais pas sous internet explorer.

Auriez vous une idée ?

Par avance merci

Cris

<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="342">
<a href="<?php echo XOOPS_URL;?>/"><img src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/logo.jpg" width="342" height="100" alt="<tai> - <slogan>"></a></td>
<form id="pagesearch" action="<?php echo XOOPS_URL;?>/search.php" method="post">
<td width="274" class="title" background="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/fon_top01.gif">
<p style="margin-top:4px; margin-left:28px; color:white;"><b><?php echo _TH_SITEINTRO;?></b>
<div style="margin-left:10px; margin-right:10px; padding-top:10px;">
<?php include ("inc/siteintro.html");?>
</div>
</td>
</form>

<form action="<?php echo XOOPS_URL;?>/user.php" method="post">
<td width="274" background="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/fon_top02.gif">
<p style="padding-top:4px; padding-left:28px; color:white"><b>
<?php
if ($xoopsUser) {
printf(_TH_WELCOME_BACK, $xoopsUser->uname());
} else {
printf(_TH_WELCOME_TO, $meta['title']);
}
?>

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Je ne vois pas de décalage sous Firefox 1.5.0.1, mais apparemment dans ta page "inc/siteintro.html" tu as laissé traîner une balise <html> et une balise <body>... Il suffit de regarder la source :

<form id="pagesearch" action="http://www.tai-informatique.com/search.php" method="post">
<td width="274" class="title" background="http://www.tai-informatique.com/themes/silvestacenter/images/fon_top01.gif">
<p style="margin-top:4px; margin-left:28px; color:white;"><b>Intro</b>
<div style="margin-left:10px; margin-right:10px; padding-top:10px;">
[B]<html>
<body>[/B]
<li>Formation Tai</li>

N'oublie pas également les balises fermantes ;)

Un minimum serait de valider ta pages..ce sont typiquement ce genre d'erreurs que la validation permet d'éviter...

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

essaye de valider ... juste pour voir

si apres tu me dis que c'est possible je veus bien quelques conseils lol

Amicalement Cris.

Pour info toujours le meme soucis meme sans les baliese qu'il n'y a plus...

Modifié par baycris
Lien vers le commentaire
Partager sur d’autres sites

Je ne vais pas "essayer de le valider", c'est "un peu" ton boulot ;) (j'ai testé la validation avant de commencer à regarder ton problème et j'ai vu l'étendue du problème)...

A mon avis tu ne peux pas prétendre obtenir une solution sans y mettre un peu de bonne foi...je ne critique pas le fait que tu utilises des tableaux pour faire ta présentation, simplement le fait que tes tableaux sont mal-formés (balises fermantes en trop, manquantes, ...), que tu utilises des balises propriétaire (<marquee> pour ne pas la citer) ...

Pour te mettre sur la voie, sous FireFox 1.5.0.1 et sous Opera 8.5 le décalage se fait effectivement (je n'avais pas compris de premier abord)...et c'est certainement car ces navigateur basculent en mode Quirks...et déjà rien que la déclaration DOCTYPE n'est pas correcte..elle devrait être celle-ci :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Je ne te fais pas l'affront d'utiliser HTML 4.01 Strict...

Lien vers le commentaire
Partager sur d’autres sites

Je disais essaye de valider pour te montrer combien d'erreurs apparaissent, et pourtant si tu regarde bien opera fire fox et ie ne merde pas tant que cela

Je vais laisser comme cela en attendant, je cherche un caïde du CSS pour me rendre tout cela valide moyenant rémunération.

Mais est ce que cela peut etre possible......

J'en doute.

Merci Cris

Lien vers le commentaire
Partager sur d’autres sites

Pas de problème, je t'avais mal compris...pardon ;)

Le fait de faire des erreurs dans le code n'a pas toujours un impact similaire sur le résultats dans les différents navigateurs... le moteur de rendu se charge de la correction tant que possible...

Quant à la possibilité de rendre un site conforme aux normes (note que je parle de plus qu'une simple validation) représente un travail de remaniement complet de ton code (toutefois la charte graphique semble être déjà établie, ce qui t'épargnera les frais de création)... c'est une tâche que la majorité des agences Web qui se soucient des recommandations du W3C sont capables de réaliser normalement (avec plus ou moins de qualité suivant le prestataire) ;)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...