28172 sujets

CSS et mise en forme, CSS3

[Résolu] Bug sur IE7 code pré-formaté et CSS

Bonjour a tous,
J'aimerais avoir un peu d'aide si possible.
Voila mon problème et que j'affiche des codes sources sur mon site donc pour rester sémentique j'utilise les balises <code> et les balises <pre> pour pré-formaté mon code.

Mon problème est que sous IE7 les codes affiché ne sont justement pas pré-formaté Smiley decu

voila mon code

html:

<pre><code>&lt;?php

<span style="color:#316AC5;font-weight:bold;">function</span> CarAleatoire($taille)
<span style="color:#316AC5;font-weight:bold;">{</span>
  $cars=<span style="color:#888; font-weight:normal;">&quot;azertyiopqsdfghjklmwxcvbn0123456789&quot;</span>; //Listes des caractères possibles
  $mdp='';
  $long=strlen($cars);

  srand((double)microtime()*1000000); //Initialise le générateur de nombres aléatoires

  <span style="color:#316AC5;font-weight:bold;">for</span>($i=0;$i&lt;$taille;$i++)$mdp=$mdp.substr($cars,rand(0,$long-1),1);
<span style="color:#316AC5;font-weight:bold;">}</span>
<span style="color:#316AC5;font-weight:bold;">echo</span> CarAleatoire(8);
?&gt;</code></pre>


css:


pre{font-size: 1.1em;}

pre code{
  margin                 : 4px;
  padding                : 8px;
  font-size              : 1.2em; 
  display                : block;
  background             : #eee;
  border-left            : 4px solid #999;
  border-top             : 2px solid #999;
  position               : relative;
  overflow               : auto;
}





La page d'exemple: http://www.zone-webmasters.net/codes-sources/php/3-mot-de-passe-aleatoire.html


Merci d'avance de votre aide.
Modifié par crocxx (02 Jul 2008 - 22:41)
Modérateur
Bonjour,

Tu peux essayer avec la déclaration CSS suivante :


white-space:pre;


Ça devrait fonctionner. À tester dans les différents navigateurs.
Modérateur
Dans ce cas, pourrais-tu éditer le titre de ton premier message pour y ajouter [Résolu] au début?

Merci ! Smiley smile
Sujet clos
Aller à