[CSS]Ecart entre blocs de type div
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:
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   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:
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"> </div>
<div id="blackline">Bonjour!</div>
</div>
</body>
</html> |
Merci encore d'avance pour toute aide.
tchao!!
