Discussion :

[LuckyDj]

Bonjour, j'ai une problème d'affichage uniquement sous internet explorer alors que mon site est valide w3. J'ai tout vérifié et je n'ai pas trouvé l'erreur c'est pour cela que je fais appel a vous!

voici l'adresse à laquelle la page est hebergée:
http://demierreluc.dyndns.org/test/

Vous pourrez voir que si vous l'ouvrez avec internet explorer, il y a un problème d'affichage avant le premier article...

Merci de votre aide!

[Invité]

C'est peut être pasque IE n'est pas aux normes (étonant ? NON!!).

[LuckyDj]

La tu m'apprends rien... mais n'empeche que la plupart des utilisateurs utilisent IE donc j'aimerai quand même résoudre mon problème... Meme si je n'utilise pas IE personellement

[Invité]

Tu peux afficher ton code ici s'il te plait ?

[LuckyDj]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="corps">
  <table class="article">
    <thead>
      <!-- Titre de l'article (en-tête) -->
      <tr>
        <th> <?php echo  $donnees['titre_art']; ?> </th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <!-- Lien vers la page de commentaire  -->
        <th><a href='#' onClick="window.open('commentaire.php?id=<?php echo $donnees['id']-1;?>','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=0, copyhistory=0, menuBar=0, width=800, height=430');return(false)">Ajouter/voir un commentaire</a></th>
      </tr>
    </tfoot>
    <tbody>
      <tr>
        <!-- contenu de l'article -->
        <td><img class="<?php echo  $donnees['classe']; ?>" src="<?php echo  $donnees['source']; ?>" alt="<?php echo  $donnees['description']; ?>" title="<?php echo  $donnees['titre_img']; ?>"/>
          <p class="black"><?php echo  $donnees['texte']; ?></p></td>
      </tr>
    </tbody>
  </table>
</div>

et le CSS correspondant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.corps {
   	margin-right: 25px;
   	margin-left: 200px;
   	margin-bottom: 10px;
   	padding: 5px;
   	color: #B3B3B3;
   	background-image: url(corps3.jpg);
   	border: 2px solid black;
   	border: inset;
   	margin-top: 10px;
 
}
 
.article {
   	margin-right: 25px;
   	margin-left: 25px;
   	margin-bottom: 10px;
   	padding: 5px;
   	color: #B3B3B3;
   	background-image: url(corps3.jpg);
   	border: 2px solid black;
   	border: inset;
   	margin-top: 10px;
}

[Invité]

C'est vraiment bizarre. Je peux pas t'aider désolé. Mais j'aimerais bien savoir ce qui cloche alors si qqun de plus expérimenté que moi pouvais regarder...

[IdF-Socrateus]

La tu m'apprends rien... mais n'empeche que la plupart des utilisateurs utilisent IE donc j'aimerai quand même résoudre mon problème... Meme si je n'utilise pas IE personellement

Aie confiance, FF vaincra !

sinon je comprend pas pourquoi ton style s'applique seulement sur une image et pas sur les thead, tr, th, td, etc ?!?
enfin, soit une classe s'applique à plusieurs éléments similaires -mais là y'en a qu'une à la fois-, soit à un seul, et dans ce cas :
si tu veux des styles pour une cellule précise, utilise plutôt des id

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<tr id="image_tab" ...>
 
<style>
#image_tab {
}
</style>

mais à mon avis, trop mélanger les <table> et des padding de 50px en css, c'est pas le top...

[LuckyDj]

Le problème c'est que je modifierai bien de premier article avec un id mais c'est tout généré en php donc c'est un peu plus dur...

[<romain/>]

Peut-être que ca viens des margin et padding qui ne sont pas initialise a 0.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
*{
margin:0;
padding:0;
}

Ou sinon tu peux abondonner la mise en page avec des tableaux...

[IdF-Socrateus]

juste au passage, le doctype est en 1ère ligne, avant tout autre envoi...

Ou sinon tu peux abondonner la mise en page avec des tableaux...

OUI !
pourquoi pas rester avec des divs, en plus t'en utilise déjà un paquet !

encore une fois, padding de 50px + table => pas bon ! (soit l'un, soit l'autre, mais là tu mélanges deux façons de mettre en page)
si tu trouves l'extension de firefox qui permet d'afficher la topologie de la page, ça devrait se voir tout de suite (je n'ai pas le lien ici, mais c'est dans les extensions pour "développeurs").

mais c'est avant tout une question de positionnement dans la page, non ?
le bloc est aligné juste en dessous de ton bloc de gauche, donc tu est en float:right; (position:float; par défaut); or ça ne rentre pas à cause du padding de 50px, donc ça le met à la ligne.
si ça ne marche pas avec ça, il te restera à changer tout le positionnement pour le passer en position:absolute;