Bonjour à tous,
je continue ma galère avec IE, suite à mon post récent qui a été résolu très rapidement (un grand merci d'ailleurs aux personnes m'ayant répondu), il m'arrive un nouveau problème (a priori tout bete).
Grosso modo je veux afficher 2 blocs l'un en dessous de l'autre (un bleu puis un noir), cela fonctionne très bien avec firefox mais je me retrouve avec un écart vertical entre les 2 blocs dans IE et je ne comprends pas pourquoi.
Voici le code :
Test.css
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
 
/* CSS Document */
body {
  background-image:url(images/fond.gif);
  text-align: center ;
  padding: 0 ;
  }
 
 
div#conteneur {
	width: 980px ;
	margin: 0 auto ;
	text-align: left;
}
 
/*line height pour IE afin qu'il n'aggrandisse pas le bloc à la taille
de la police, plus ajout d'un contenu dans le div de type &nbsp pour que
le bloc ne soit pas vide (toujours pour compatibilité avec IE)*/
div#blueline {
		 height:9px;
		 background-color:#3399ff;
		 line-height: 1px;
		 }
 
div#blackline {
		 height:25px;
		 background-color:#000000;
		 color: #FFFFFF;
		 }
Code HTML
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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <link href="Test.css" rel="stylesheet" type="text/css">
  <title></title>
  </head>
  <body>
  <div id="conteneur">
    <div id="blueline">&nbsp;</div>
    <div id="blackline">Bonjour!</div>
    </div>
  </body>
</html>
Merci encore d'avance pour toute aide.
tchao!!