[CSS]Element div affiché de manière trop importante par IE

**elspliffo** · 18/07/2006, 00h55

Bonjour à tous,
Je débute en CSS et je constate un comportement que je ne comprends pas. voici mon code CSS :

Code :

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

1
2
3
4
5
 
div#blueline {
		 height:1px;
		 background-color:#3399ff;
		 }

et mon code HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<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="blueline"></div>
  </body>
</html>

Rien de plus simple a priori... Pourquoi la hauteur de ce bloc est beaucoup plus haute sous IE que sous firefox?
Merci d'avance pour toute aide

**masu** · 18/07/2006, 10h04

IE n'aime pas beaucoup les element ou il n'y a rien a l'intérieur. Il te faut alors un line-height pour que ton block ne s'agrandisse pas a la taille du texte par defaut (en effet IE a un comportement de min-height pour la propriété height).

Code :

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

1
2
3
4
5
div#blueline {
	height:1px;
	background-color:#3399ff;
	line-height: 1px;
}

Code :

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

  <div id="blueline">&nbsp;</div>

**MasterOfChakhaL** · 18/07/2006, 13h19

si c'est juste pour faire une ligne, pourquoi ne pas plutot essayer cela?

Code :

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

1
2
3
4
 
body {
    border-top: 1px solid #39F;
}

**elspliffo** · 18/07/2006, 19h44

Merci beaucoup pour vos réponses.
masu : impeccable, avec tes recommendations, IE redimensionne bien le bloc.
MasterOfChakhaL : en fait, c'était initialement pour mettre une image répetée en "background-image". J'ai remplacé par "background-color" afin que le problème soit visible par n'importe qui.

[CSS]Element div affiché de manière trop importante par IE

CSS

Discussions similaires

Partager

Partager