[CSS]positionnement "FLOAT"

**leup** · 05/05/2006, 18h06

bonjour !

Comme un dessin vaut mieux qu'une longue explication, voilà mon problème :

quel est le problème me direz vous ? je n'arrive pas à positionner le bloc 3 (rouge) sous l'image, du moins sous IE, parce que sous firefox j'y arrive.

J'utilise des calques et CSS pour le positionnement. L'image est dans un div en float:left.

Je vous joins les ficihers .html et .css pour que vous puissiez y jeter un oeil et me dire. Je mets aussi le code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
    @import "test.css";
</style>
</head>
 
<body>
<div id="bloc1"><img src="v1.2/fiche1.jpg" width="213" height="170" /></div>
<div id="bloc2">Bloc 2</div>
<div id="bloc3">Bloc 3</div>
</body>
</html>

et

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* CSS Document */
 
#bloc1 {
    background-color:#FFFF00;
    float: left;
}
 
#bloc2 {
    background-color:#0000FF;
}
 
#bloc3 {
    background-color:#FF0000;
}