Internet Explorer n'aime pas mon book

[jlvande]

je suis en train de me faire un petit site creabook. il s'affiche correctement dans safari et firfox mais pas dans IE.
A votre avis, que se passe-t-il ?

merci

http://jlvande.free.fr/creabook/

 

[Inor]

je suis en train de me faire un petit site creabook. il s'affiche correctement dans safari et firfox mais pas dans IE.
A votre avis, que se passe-t-il ?

merci

http://jlvande.free.fr/creabook/

Bonjour.

Les spécialistes pourront t'aider.
Mais possède-tu le Navigateur SunriseBrowser. Il pourrait t' être utile. Il permet d'interroger un site qui vérifie la conformité de ton site en HTML et CSS. ( dans Vérifier ).


http://www.sunrisebrowser.com/fr/

 

[geoffrey]

Le probleme c'est que IE ne respecte PAS ces normes, c'est probablement pour ca que ca passe pas.

 

[garfield]

Il faut toujours que Bill Gates embête son monde!

 

[jlvande]

Bonjour.

Les spécialistes pourront t'aider.
Mais possède-tu le Navigateur SunriseBrowser. Il pourrait t' être utile. Il permet d'interroger un site qui vérifie la conformité de ton site en HTML et CSS. ( dans Vérifier ).

http://www.sunrisebrowser.com/fr/

à priori, mon site respecte bien le code CSS2. merci pour l'info de ce navigateur.

Le probleme c'est que IE ne respecte PAS ces normes, c'est probablement pour ca que ca passe pas.

effectivememt, IE ne respecte pas les normes de la W3C. mais c'est plutôt génant car ce butineur de m.... représente plus de 90% d'utilisateurs.

 

[Anonyme]

En fait IE ne comprend pas les marges auto mais tu peux faire ça

body
{
	margin: 10px 0 0;
	padding: 0 0;
	background: white; font-family: Verdana, Arial, Helvetica, sans-serif: center ;
	font: 0.8em "verdana", arial, helvetica ;
	[b]text-align: center ;  [/b]
}

Après ne pas oublier de remettre l'alignement pour les éléments dans #conteneur à gauche .

Pour les problèmes de largeur tu peux faire ceci :

/* largeur pour IE*/
div#machin
{
   width: 200px;[font=monospace]
  [/font]padding: 0 20px;

}

/*correct pour les navigateurs conformes (IE ne comprend pas les lignes suivantes)*/
html>body div#machin
{
   width: 160px;
}

 

[jlvande]

Après ne pas oublier de remettre l'alignement pour les éléments dans #conteneur à gauche .

Pour les problèmes de largeur tu peux faire ceci :

/* largeur pour IE*/
div#machin
{
   width: 200px;[font=monospace]
  [/font]padding: 0 20px;

}

/*correct pour les navigateurs conformes (IE ne comprend pas les lignes suivantes)*/
html>body div#machin
{
   width: 160px;
}

[/QUOTE]

merci gloup gloup pour ta réponse, mais j'ai essayé tes conseils et j'ai le même souci d'affichage. tu pourrais pas vérifier si ce que j'ai fait est exacte ? merci

body
{
margin: 10px 0 0;
padding: 0 0;
background: white; font-family: Verdana, Arial, Helvetica, sans-serif: center ;
font: 0.8em "verdana", arial, helvetica ;
text-align: center ;
}

div#conteneur
{
width: 778px ;
text-align: left ;
background: url(images/design-bookweb/conteneur.gif) repeat-y ;
margin: 0 auto ;
}

/* largeur pour IE*/

div#machin
{
width: 200px;
padding: 0 20px;
}

 

[Anonyme]

J'ai fait un essais comme ça vite fait (au boulot ) et j'ai l'impression que le problème se situe au niveau d'un tableau (vide) de 600px de large qui se trouve dans ton div#contenu qui lui n'en fait que 587.