Discussion :

[murdok74]

Bonjour à tous,

après deux jours de prise de tête je viens vers vous pour trouver une solution.
J'aimerai tout simplement aligner deux divx par ligne, mon code fonctionne parfaitement sous IE7 pas sous FF3.
voici le code CSS:

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
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
#content {
	position:absolute;
	height:600px;
	width:992px;
	padding:10px;
	margin-left:112px;
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:#3333CC;
}
 
#big {
	position:absolute;
	height:550px;
	width:570px;
	padding:10px;
	margin-left:30px;
	margin-top:20px;
	border-width:1px;
	border-style:ridge;
	border-color:#3333CC;
}
 
#redaction_groupe1 {
	overflow: auto;
	width::520px;
	padding-top: 15px;
}
 
#redaction_groupe2 {
	overflow: auto;
	width::520px;
	padding-top: 15px;
}
 
#redac1 {	
	float:left;
	width:260px;
};
 
#redac2 {
	float:left;
	width:260px;
};
 
#redac3 {
	clear:both;
	float:left;
	width:260px;
};
 
#redac4 {
             float:left;
	width:260px;
};

puis l'html:

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
17
18
19
20
21
22
23
24
25
26
<div id="content">
	<div id="big">
 
      <div id="redaction_groupe1">
   		  <div id="redac1">
  		  	<p><strong>Sujet</strong></p>
	  		<p>dfsdfsdfdsfdsfdsfdsfdfdsfdfdsfdsfffcsfdsfds</p>
	  		<p>fezezfezfezfefezfezfezfezfefefezfezfezfezfef</p>
		  </div>
    	  <div id="redac2">
          	<img src="images/maquette1.jpg" width="260" height="124" />    	
          </div>
       </div>  
 
        <div id="redaction_groupe2">
		  <div id="redac3">
            	<img src="images/maquette1.jpg" width="260" height="124" />       	  </div>
			<div id="redac4">
       		  	<p><strong>Sujet</strong></p>
	  			<p>dfsdfsdfdsfdsfdsfdsfdfdsfdf</p>
	  			<p>fezezfezfezfefezfezfezfezfefe</p>
    		</div>
      </div>
 
	</div>
</div>

En résumé sous FF le bloc redac4 revient toujours à la ligne, au lieu de rester à droite du bloc redac3.

merci beaucoup.

[Lideln75]

Vire le clear:both dans redac3 et mets le dans groupe2

A+

[pop_up]

Pour ma part, j'ai repris ton code et enlevé les ";" qui sont en dehors de tes déclaration dans ta feuille de style et ça fonctionne

après redac1, 2 3 et 4 il y a des ";" en dehors des accolades

[Lideln75]

Pas logique... Le clear:both annule le float:left du redac3.
Ce qui fait que redac4 est forcément à la ligne ! (ce qui explique aussi pourquoi ça marche pour redac1 et redac2 alors que le code est le même, modulo le clear:both)

Enfin après je peux me tromper... Mais vu que les ";" sont partout...

EDIT : et bien oui, me suis trompé. Comme le dit notre ami (qui a pris le temps de tester), ce sont les ";" qui viennent mettre le bazar. Attention aussi il y a des lignes avec double ":".

[murdok74]

merci à tous les deux c'étais bien ca!
je sors d'une grosse période d'AS d'ou le point virgule après les accolades!
merci encore