Bug affichage sous IE

Bonjour,

Je rencontre un problème de mis en page de mon script d'agrandissement d'images.

Dejà, je ne comprend pas pourquoi la marge du haut doit être plus petite que celles sur le coté afin de donner le même effet?

Code

#tplPreview {
  position: absolute;
  background-color: #ffffff;
  border:1px solid #444444;
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}


#tplPreviewBody {
  position: relative;
}

Apercu: http://www.voilou.fr/liste-des-jeux.php

Ensuite, en réduisant la marge du haut, le problème est résolu sous Firefox, mais sous Internet explorer 7 (et surement le 8), la marge du haut est très imposante:



Comment règler ce problème?

Merci

Peut-être plus un problème de sémantique non ??

Que veux tu dire par sémantique?

En fait, après plusieurs tests, j'ai pu voir qur si je mets au debut du css TEST.css

* {
  margin: 0px;
  padding: 0px;
}

Cela affiche la "popup" comme je le souhaite, sur tous les navigateurs...mais du coup le design du site en pâtit.

Quel est donc le problème au vu de ces nouveaux éléments?

Merci
Modifié par joboy (17 May 2009 - 18:48)

La sémantique c'est l'organisation des éléments, leur hiérarchie, le bon type de conteneur pour tel ou tel contenu, etc...

C'est la structure de ta page.


Je ne saurais t'en dire plus ici.