Webmaster Hub > Décalage sous fire fox et mozilla mais pas EI

Version complète: sur le forum Webmaster Hub : Décalage sous fire fox et mozilla mais pas EI

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

baycris

samedi 8 avril 2006 à 14:21

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

CODE

<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']);
}
?>

TheRec

samedi 8 avril 2006 à 14:31

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 :

CODE

<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...

baycris

samedi 8 avril 2006 à 15:06

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...

TheRec

samedi 8 avril 2006 à 17:55

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 :

CODE

<!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...

baycris

samedi 8 avril 2006 à 22:28

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

TheRec

dimanche 9 avril 2006 à 00:08

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)

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.