28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je sais que le sujet a déjà été maintes et maintes fois traité! J'ai suivi quelques recommandations d'écriture du script, mais sans succès Smiley decu .

Mon site (en construction) fonctionne sur la majorité des navigateurs, mais sur IE, il n'y a rien à faire!

Voici le début du script CSS:
<style type="text/css">
<!-- 
* {margin:0; padding:0}
/* Mise en page globale */
#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 930px;
     height: 600px;
	 margin: 0 auto;   /* alignement pour les bons navigateurs */
     text-align: left; /* alignement du texte dans ce conteneur */
     margin-top: -300px; /* moitié de la hauteur */
     margin-left: -465px; /* moitié de la largeur */
     border: 1px solid #baaf03;
     }
body {
text-align: center; /* pour Internet Explorer */
margin: 0;
padding: 0;
background: white;
font: 60% verdana, arial, sans-serif;
}


Quelle erreur ai-je pu faire pour que mon site ne puisse être correctement lu sur IE, car seul le bas du site est vu et encore, mal centré Smiley mur Smiley rale .

Merci d'un petit coup de pouce Smiley cligne

Web greetings.
Modifié par koss70 (27 Feb 2006 - 14:50)
Plop,

Un exemple en ligne du résultat sous IE?

Le seul truc qui pourrait causer souci à IE c'est la double valeur attribué à tes élements margin-top et margin-left.

En effet tu les définis déjà dans margin:0 auto ; qui d'ailleurs n'a aucune utilité si tu utilises la techniques du centrage par l'absolute.

Sans elle, ca donne quoi?
Bonjour tyx,

Merci de ta réponse..... Smiley smile

J'ai enlevé margin: 0 auto; mais.....RIEN, aucun changement sous IE. Smiley decu

Web greetings.
Ah, petite précision qu'il aurait été bon de préciser d'emblée.

Tu parles de IE Mac ?

Car sous IE Windows, tout va pour le mieux, tout comme sur FX.

Par contre comme le note cet article en bas de page, les marges négatives posent problèmes sous Ie Mac.

La question est maintenant de savoir si tu fais avec où si tu t'y prend autrement. Personnellement j'opterais pour la 2e solution, sachant que le site à hauteur fixe, c'est pas tip-top Smiley langue
Smiley ravi je suis heureuse de savoir que sous IE, cela fonctionne.

Effectivement, j'ai omis de dire que je suis sous mac Smiley confused .

Je vais reprendre connaissance de l'article dont tu me parles.

LE diaporama fonctionne bien?

Merci de ton aide Smiley cligne

Web greetings.
Effectivement, le diaporama fonctionne mais un tantinet trop rapidement si tu veux mon avis.

Qui plus est il manque apparement 2 images après "le bisous des éléphants".

Je pense que tu peux prendre le temps de consulter tous les articles de alsa, ca ne peut pas faire de mal : >
a écrit :
Effectivement, le diaporama fonctionne mais un tantinet trop rapidement si tu veux mon avis.
Oui je crois aussi, faut que je vois ça.

Pour les photos, je sais....

Merci encore de ton aide et je prend en considération tes recommandations de lecture Smiley cligne

Web greetings.