28220 sujets

CSS et mise en forme, CSS3

Comptibilite CSS avec IE [resolu]

bonjour
je viens de recvoir un mail me disant que mon site n'était pas lisible.
en fait cette personne a un mac et utilise IE en version 5.2.3
mon site utilise le css?
En est ce la cause
merci Smiley bawling
Modifié par yukio (06 Oct 2005 - 14:36)
Bonjour yukio.

Au risque de te déçevoir, c'est l'ensemble de ton site qui est à revoir.

Lire : Les frames (cadres) : a méditer...

Il y a ici des dizaines de gabarits en XHTML pour construire ton site sans frames : Modèles de mise en page en CSS

Pour ton problème avec IE/Mac (que l'on peut voir à http://www.ericdeniset.com/edito.htm ), tu dois enlever les caractères suivants (en rouge) qui placent ta page en commentaire.

<style type="text/css">
[b][#red]<!--[/#][/b]
body {
(...)


Au passage, tu peux remplacer :

      <table width="100%" border="0">
        <tr>
          <td><div align="center" class="Style9"><a href="index.htm">home</a></div></td>
          <td><div align="center" class="Style9"><a href="edito.htm"><u>&eacute;ditorial</u></a></div></td>
          <td><div align="center" class="Style9"><span class="Style10"><a href="advertising.htm">advertising </a></span></div></td>
          <td><div align="center" class="Style9"><a href="personal.htm">personal works</a></div></td>
          <td><div align="center" class="Style9"><a href="contact.htm">contact</a></div></td>
          <td><div align="center" class="Style9"><a href="links.htm">links</a></div></td>
          <td><div align="center" class="Style9"><a href="images/ericDeniset%20PHOTOGRAPHY.rar">pdf. </a></div></td>
        </tr>
      </table>

Par :

      <table class="Style9" width="100%" border="0">
        <tr>
          <td><div align="center"><a href="index.htm">home</a></div></td>
          <td><div align="center"><a href="edito.htm"><u>&eacute;ditorial</u></a></div></td>
          <td><div align="center"><span class="Style10"><a href="advertising.htm">advertising </a></span></div></td>
          <td><div align="center"><a href="personal.htm">personal works</a></div></td>
          <td><div align="center"><a href="contact.htm">contact</a></div></td>
          <td><div align="center"><a href="links.htm">links</a></div></td>
          <td><div align="center"><a href="images/ericDeniset%20PHOTOGRAPHY.rar">pdf. </a></div></td>
        </tr>
      </table>

Et le CSS :

.Style9 div {font-family: "Elfar Normal G98"; font-size: 28px; }

Qui donne le même résultat.

Dans le même ordre d'idées tu peux également remplacer :

<td><div align="center"><span class="Style10"><a href="advertising.htm">advertising </a></span></div></td>

Par :

<td><div align="center"><span><a href="advertising.htm">advertising </a></span></div></td>

Et la déclaration suivante :

.Style9 span {text-decoration: underline}

Pour en savoir plus sur la Cascade : http://openweb.eu.org/articles/cascade_css/
Modifié par Stephan (05 Oct 2005 - 21:30)
Sujet clos
Aller à