div avec float left reconnu par tous les navigateurs?

Version imprimable

21/02/2012, 11h05
bigs3232

div avec float left reconnu par tous les navigateurs?

bonjour
avant j'utilise table tr td pour gérer le positionnement des boxes .J'aimerais gérer autrement avec des div et float left
j'aimerais savoir si tous les navigateurs reconnaissent le css lié au positionnement comme float left ,float right, margin ,padding
merci pour votre aide
21/02/2012, 11h44
alain31tl

Bonjour

A ma connaissance, je ne crois pas sous IE7 ou 8.
Il me semble plus judicieux d'utiliser position absolute, et régler tes left, right....
21/02/2012, 15h46
bigs3232

j'ai pas eu de probleme avec IE7 et IE8 pour float left .
effectivement position absolute peu être intéressant mais plus lourd à mettre en place.
La plupart des gros sites que j'ai vu utilise tous float left au lieu de absolute.
j'ai testé float left sur chrome et opéra ,ca prend en compte aussi
21/02/2012, 17h20
Bovino

Citation:

Envoyé par alain31tl

A ma connaissance, je ne crois pas sous IE7 ou 8.

:weird:

Tes connaissances me semblent mauvaises dans ce cas, tous les navigateurs reconnaissent ces propriétés !
21/02/2012, 17h27
bigs3232

bonjour bovino.
merci là tu me rassures grave surtout venant de la part de bovino.je peux donc continuer à mettre es float left sans souci alors.
petite question.as tu des infos sur les bugs qu'on peut rencontrer sur IE .si tu as des liens je suis preneur
merci
21/02/2012, 17h36
alain31tl

Citation:

Envoyé par Bovino

:weird:

Tes connaissances me semblent mauvaises dans ce cas, tous les navigateurs reconnaissent ces propriétés !

Ah bon ?

property float

Je n'ai pas le même rendu suivant que je bascule de IE7 à IE9 par exemple.
(Touche F12).
21/02/2012, 17h57
Bovino

Désolé, j'y suis pour rien si l'exemple de W3Schools est tout pourri ! :aie:

Leur page modifie la propriété JavaScript cssFloat, or pour IE < 9, c'est sur styleFloat qu'il faut agir, donc ça marche pas, mais la propriété CSS float n'en est pas moins valide : http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx (page d'exemple : http://samples.msdn.microsoft.com/wo...fs/float_h.htm)
21/02/2012, 18h07
alain31tl

Ok, vous êtes un pro.
A un point tel que vous oubliez que vous échangez aussi et surtout avec des débutants.

Ceci dit Mr Mouronval

Votre remarque est empressément excessive.
Nous sommes sur un forum d'échange, pas sur un ring.
Mais à votre convenance et disposition si vous vous sentez plus à l'aise dans ce registre.:aie:
21/02/2012, 18h13
bigs3232

Citation:

Envoyé par alain31tl

Ok, vous êtes un pro.
A un point tel que vous oubliez que vous échangez aussi et surtout avec des débutants.

Ceci dit Mr Mouronval

Votre remarque est empressément excessive.
Nous sommes sur un forum d'échange, pas sur un ring.
Mais à votre convenance et disposition si vous vous sentez plus à l'aise dans ce registre.:aie:

non je trouve que bovino est très correct.heureusement que ce grand monsieur est sur le forum car il m'a dépanné tellement de fois
21/02/2012, 18h18
alain31tl

C'est un choix discutable.
Personnellement, j'apprécie bcp plus le côté humble, bien plus formateur et motivant.
21/02/2012, 19h48
Bovino

Heu... je comprends pas trop là... :koi:
Autant, j'avoue et assume d'être parfois "taquin" dans mes réponses, mais là, je vois pas de quoi tu parles... :?

Je dis juste que l'exemple que tu donnes est pourri et sauf erreur de ma part, tu n'y es pour rien : c'est pas toi qui l'a écrit et il vient d'un site auquel on peut accorder du crédit. N'empêche que j'essaye de prendre soin de t'expliquer pourquoi l'exemple est pourri et pourquoi tu as eu tort d'y croire trop facilement.
Maintenant, je ne vais pas non plus m'excuser parce que tu dis des choses fausses !
Alors au lieu de monter sur ton petit poney parce que tu as été prit à défaut, applique-toi ce que tu me reproches et sois humble par rapport à ton erreur...
21/02/2012, 20h07
NoSmoking

Bonjour tout le monde,
tiens la marée descend et le thon monte :mouarf:

Je suis moi même déçu par cet exemple, :cry:, où il me semble que la modification de la class aurait été plus pertinente.
21/02/2012, 20h48
bigs3232

Pour détendre l'atmosphère et si on revenait à mes questions .
j'ai pas eu de réponse sur :
-avez des infos sur les bugs qu'on peut rencontrer sur IE .si tu as des liens je suis preneur
-j'ai toujours trop peur que mes changements en css ne marchent sur IE.Avez vous des solutions à celà

Citation:

Pour détendre l'atmosphère et si on revenait à mes questions .

j'ai ça en stock...

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS : Tableau</title>
<meta name="Author" content="NoSmoking">
<style type="text/css">
.main_table {
  border : 1px solid #a0a0a0;
  width : 922px;
  margin : auto;
  font-family : Verdana, Arial;
}
.ligne {
  height : 42px;
  padding-top : 2px;
  padding-left : 2px;
}
.cellule {
  width : 170px;
/*  height : 28px; /* on lui prefere line-height */
  line-height : 28px;
  margin-right : 2px;
  padding : 5px;
  /*-- --*/
  border : 1px solid #e0e0e0;
  background-color : #f0f0f0;
  float : left;
  /* les commons */
  font-size : 1em;
}
.cellule_2 {
  width : 354px; /* tient compte des padding */
}
.titre {
  padding-left : 5px;
/*  padding-top : 5px;*/
/*  height : 34px;*/
  line-height : 39px;
  width : 911px;
  background-color : #f0f0fe;
  border : 1px solid #a0a0ff;
}
.col_0 {
  color : #4488bb;
  font-size : 1.2em;
  font-weight : bold;
}
.col_1 {
  font-weight : bold;
}
.col_2 {
  font-size : 0.8em;
  font-style : italic;
}
.col_3 {
  text-align : center;
}
.col_4 {
  text-align : right;
}
.col_5 {
  color : #f00;
  text-align : center;
}
</style>
</head>
<body>
  <div class="main_table">
    <div class="ligne">
      <div class="col_0 titre">Titre du tableau</div>
    </div>
    <div class="ligne">
      <div class="col_1 cellule">col_1 cellule</div>
      <div class="col_2 cellule">col_2 cellule</div>
      <div class="col_3 cellule cellule_2">col_3 cellule cellule_2</div>
      <div class="col_5 cellule">col_5 cellule</div>
    </div>
    <div class="ligne">
      <div class="col_1 cellule">col_1 cellule</div>
      <div class="col_2 cellule">col_2 cellule</div>
      <div class="col_3 cellule">col_3 cellule</div>
      <div class="col_4 cellule">col_4 cellule</div>
      <div class="col_5 cellule">col_5 cellule</div>
    </div>
    <div class="ligne">
      <div class="col_1 cellule">col_1 cellule</div>
      <div class="col_2 cellule">col_2 cellule</div>
      <div class="col_3 cellule">col_3 cellule</div>
      <div class="col_4 cellule">col_4 cellule</div>
      <div class="col_5 cellule">col_5 cellule</div>
    </div>
  </div>
</body>
</html>

:zen: