28220 sujets

CSS et mise en forme, CSS3

Bloc décalé verticalement sur IE

J'ai pas trouvé en recherchant dans les anciens messages comment resoudre ce bug...
Ma page :
http://www.toutankharton.com/spip/Femmes

s'affiche bien sous FF, mais sous IE, c'est la cata ! Dans un premier temps, savez pourquoi il y a un decalage ? ma feuille de style est là :

http://www.toutankharton.com/spip/spip_style.css

J'ai essayé un height:1% en pensant que c'était une variante de mon probleme precedent, mais ça ne semble pas marcher !

merci d'avance !
Salut,

Si tu utilise FF, ajoute le validator tidy, qui permet de visualiser les erreurs de ton code. Une fois que ton code html sera correct, il sera plus facile de vois d'où vient le problème, voir le problème disparaitra.

il y a 1 error/51 warnings sur la page, je te donne un exemple parmis d'autres :


<p>
  <p class="spip">
     Contrairement aux autres peuples de l&#8217;(...)être employé).
  </p>
  <p class="spip">
    Nous allons voir le rôle et la présence de la femme dans les ifférentes moments de la vie égyptienne&nbsp;:
  </p>
</p>


On ne peut pas imbriquer des paragraphe les uns dans les autres, essayes de remplacer les balises <p> qui encadrent les autres paragraphes par des <div>


FoW
et oui... je peux pas y faire grand chose, sauf si je modifie le noyeau de spip... Enfin d'apres le validateur, j'ai pas d'erreur sur le cadre qui m'interresse (clui ou il a le resumé de l'article et les infos de publication).

C'est quand même du a une erreur dans mon code ?
En fait après que snip t'es généré du code, tu devrais reprendre ce code et le modifier, il y a de forte chance que ton erreur soit du à la façon dont les différents navigateur traitent les erreurs.
Franchement je voit pas mon erreur.. Je vous fait un copié collé du code html et du css correspondant, si jamais quelqu'un peux me dire d'ou viens le probleme...

        <div class="abstract">
          <div class="auteur">
            <ul>
              <li><strong>Auteur(s) :</strong> <a href="mailto:webmaster@toutankharton.com">Thomas</a></li>
              <li><strong>Publication :</strong> mardi 15 mars 2005</li>

              <li><strong>Mise à jour :</strong> mardi 15 mars 2005</li>
              <li>
                <strong>Profil :</strong>

<a href="sommaire-profil.php3?id_mot=2">Egyptologue</a>

              </li>

              <li><a href="imprimer.php3?id_article=41"><img src="objets/print.gif" border="0" alt="Version imprimable de la page" title="Version imprimable de la page"></a>&nbsp;
	      <a HREF="#" onClick="window.open('./formulaire.php3?id_article=41','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=300, height=300');return(false)">
	      <img src="objets/mail.gif" border="0" alt="Envoyer la page à un ami, par mail" title="Envoyer la page à un ami, par mail"></a>&nbsp;
              <a href="article_pdf.php3?id_article=41"><img src="objets/pdf-dist.gif" border="0" alt="Version PDF de cette page" title="Version PDF de cette page"></a>&nbsp;
            </ul>
          </div>

          <h3>Résumé</h3>
          <p>Le vizir était le bras droit de Pharaon. Il lui arrivait même d&#8217;en nommer plusieurs, par exemple un pour la Haute Egypte et un pour la Basse Egypte
	  </p>

        </div>


.abstract{
background-color:#F7C35A;
border:1px solid #F9A500;
margin:0;
padding:0 1em;
display:block;
}
.abstract em{
font-weight:700;
font-style:normal;
color:#690;
background-color:transparent;
}
.auteur{
margin:1em 0 0 0;
float:right;
display:block;
height:100px;
}

.auteur ul{
background-color:transparent;
margin:0 0 0 0.5em;
padding:0 1em;
border-left:1px solid #084A6B;
}

.auteur li{
border-bottom:1px dotted #084A6B;
list-style:none;
background-color:transparent;
}

.auteur li.dernier{
border-bottom:0;
}

.auteur strong{
background-color:transparent;
h3{
line-height: 1.7em;
height:30px;
display: block;
width: 500px;/* block flottant = doit spécifier largeur */
color: #CE3008;
font-style: italic;
font-weight: normal;
font-size: 1.7em;
margin: 0 0 0 2em;
background : url(objets/nav.gif)  center left no-repeat;
padding-left: 30px;
}
}


Tout cela bien evidemment apres que spip soit passé dessus (mais je dotue qu'il ai changé ce code là car il est de moi, directement injecté dans le fichier article.html...

Merci d'avance !
Sujet clos
Aller à