2 pièce(s) jointe(s)
[CSS]positionnement "FLOAT"
bonjour !
Comme un dessin vaut mieux qu'une longue explication, voilà mon problème :
http://leup.free.fr/jpegs/test.jpg
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:
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:
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;
} |
Merci d'avance à tous ceux qui voudront bien me donner un coup de main (voire une solution ! ;) )
