Discussion :

[Jiraiya42]

Bonjour,

Ayant des problèmes de mis en page entre Firefox et Internet Explorer (notamment au niveau des marges) j'aurais voulu modifier certaines marges selon le navigateur... j'illustre:

Voici mon menu et mon corps:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
/* Le menu global */
 
#menu_global
{
   float: left; 								
   width: 203px; 								
   margin-left: 10px; 
   margin-right: 4px;
   background-color: #707070;					
   border: 2px solid black;						
   padding: 5px;
   background-image: url("../images/fond_menu_gen.png");	
   background-repeat: repeat-y; 				
}
 
/* Le corps de la page */
 
#corps
{ 
   float: right; 
   width: 500px;
   margin-bottom: 20px; 						
   margin-right: 12px;
   padding: 5px; 								
   color: #B3B3B3;								
   background-color: #707070; 					
   background-image: url("../images/fond_corps.png");	
   background-repeat: repeat-y; 				
   border: 2px solid black; 					
}

J'ai donc les marges qui sont déjà indiquées. J'ai testé avec Firefox, aucun soucis, et comme d'hab quand je test avec IE pouf ça les comprend mal. Donc je me demandais s'il était possible de mettre des commentaires conditionnels pour changer ces marges comme par exemple...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!--[if lte IE 6]>
	<style>
		#ossature 
		{ 
		     height: 1px;
		}	  
 
		#menu_global
		{
		     margin-left: 3px; 
		}
	</style>
<![endif]-->

Mais cela ne marche pas... est-il impossible de mettre deux instructions dans un commentaire conditionnel ?

Quelqu'un pourrait-il m'aider svp ?

Merci d'avance...

[Jiraiya42]

J'ai mis ça dans le head:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<link href="../forme/style.css" rel="stylesheet" type="text/css" >
		<!--[if lte IE 6]>
   			<link href="../forme/style_IE.css" rel="stylesheet" type="text/css" />
		<![endif]-->

Et ça ne marche pas, IE s'en fout complètement, ça change rien du tout pourtant j'ai un style css fait rien que pour IE 6.0 vive IE...

Quelqu'un peut m'aider svp ? Je rame...

[Jiraiya42]

J'ai essayé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<!--[if !IE]> <-->
   	<link href="..forme/style.css" rel="stylesheet" type="text/css" />
<!--> <![endif]-->
 
<!--[if lte IE 6]>
        <link href="../forme/style_IE.css" rel="stylesheet" type="text/css" />
<![endif]-->

Ca règle le problème d'Internet Explorer mais maintenant c'est Firefox qui lit plus du tout la feuille de style donc j'ai plus de mise en forme avec Firefox

Quelqu'un peut m'aider svp ?

Merci d'avance...

[Auteur]

bonjour,


j'ai trouvé ceci :
http://www.blog-and-blues.org/articl...our_IE_Windows
avec ce commentaire :

Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows depuis sa version 5.0. Ils ne sont donc transposables à aucun autre navigateur (Opera, Safari, Firefox...) et n'ont pas d'effet sur Internet Explorer 5 Mac.

Ils permettent :

* de masquer du code HTML à tous les navigateurs autre qu'IE Windows (version 5.0 et au-delà), ou inversement, de masquer un code HTML à IE Windows.
* de manière valide et conforme à HTML4.01 et XHTML1.0 (traité en tant que text/html)
* en différenciant si nécessaire le code HTML adressé à chaque version d'IE Windows : 5.0, 5.5, 6.0 et bientôt 7.0

D'où cette question faut-il rajouter le DOCTYPE XHTML pour que ces commentaires soient pris en compte ? C'est problable...

[Jiraiya42]

Merci pour la réponse, ceci fonctionne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<link href="../forme/style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
     <link href="../forme/style_IE.css" rel="stylesheet" type="text/css" />
<![endif]-->

J'ai un autre problème, peut-etre plus simple. J'essai d'afficher une image comme pied de page, j'ai mis:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="fin">Ceci est la fin de la page</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#fin 
{ 
  background-image: url("../images/pied.png"); /* Image de fond */ 
}

Mais rien ne s'affiche ni le texte test ni l'image

Quelqu'un a une solution svp ?

[trotters213]

en 3 secondes de recherche dessus tu aurais trouvé ta réponse
IE ne gère pas les PNG.

[Jiraiya42]

en 3 secondes de recherche dessus tu aurais trouvé ta réponse
IE ne gère pas les PNG mais tu peux utiliser

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
opacity:0.5;
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5;

mais attention pas valide W3C.

Euh... pas du tout... c'était juste une bétise de ma part