div - float - IE6 [Résolu]

jcmag · 24/02/2011, 11h18

Bonjour,

J'ai un souci d'affichage avec IE6, je veux afficher une bulle de texte :

(ça marche sous IE8)

mais voilà ce que donne avec IE6:

Mon code html:

Code :

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

1
2
3
 
<img src="Images/dialog.gif" style="float: left;" />
<div style="border-color: #a0a0a0; border-width: 1px; border-style: solid; background-color: white; width: 95%; padding-left: 8px; margin-left: 17px;  ">6</div>

merci d'avance de votre aide

ornitho13 · 25/02/2011, 09h36

Salut,

pourrait on avoir l'image en question ?

jcmag · 25/02/2011, 12h28

Citation:

Envoyé par ornitho13

Salut,

pourrait on avoir l'image en question ?

La voici: http://img703.imageshack.us/i/dialog.gif/

NoSmoking · 28/02/2011, 20h29

ne fonctionne pas bien mieux sous IE7
essaies

Code html :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
.div_bulle{
  border-color : #a0a0a0;
  border-width : 1px;
  border-style : solid;
  background-color : white;
  width : 95%;
  padding-left : 8px;
  margin-left : 17px;
  min-height : 41px;
}
.img_bulle {
  position : absolute;
  float : left;
}
</style>
</head>
<body>
  <img class="img_bulle" src="dialog.gif">
  <div class="div_bulle">le texte</div>
</body>
</html>

jcmag · 02/03/2011, 09h44

Citation:

Envoyé par NoSmoking

ne fonctionne pas bien mieux sous IE7
essaies

Code html :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
.div_bulle{
  border-color : #a0a0a0;
  border-width : 1px;
  border-style : solid;
  background-color : white;
  width : 95%;
  padding-left : 8px;
  margin-left : 17px;
  min-height : 41px;
}
.img_bulle {
  position : absolute;
  float : left;
}
</style>
</head>
<body>
  <img class="img_bulle" src="dialog.gif">
  <div class="div_bulle">le texte</div>
</body>
</html>

ca fonctionne!
merci beaucoup !

25/02/2011, 09h36	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Salut, pourrait on avoir l'image en question ?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email