[mise en page] aligner deux blocs

Dalida Messages postés 7114 Statut Contributeur -  
Dalida Messages postés 7114 Statut Contributeur -
salut,

le possesseur de la clé de douze pourrait-il aligner les deux blocs du bas (ça me démange !), svp ? 
#bloc_27 {
	float: left;
	width: 679px;
	margin: 10px 0 0 0; /* --> margin: 10px 0 0 10px; */
	background-color: #ffd383;
	color: #6e6e6e;
	border: 1px solid #804a00;
	overflow: hidden;
}
#bloc_28 {
	float: left;
	width: 679px;
	margin: 10px 0 0 0; /* --> margin: 10px 0 0 10px; */
	background-color: #c2d7ff;
	color: #6e6e6e;
	border: 1px solid #30304d;
	overflow: hidden;
}

3 réponses

Réponse 1 / 3
Anonyme
 
Salut

Clé de douze, à utiliser, également pour l'alignement du bloc du haut, celui avec la liste de tous les forums ;
=> Avec la largeur des blocs messages . merci .

merci .

à+
0
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

quoi ça, où ça, quand ça ?
pour moi, en haut tout est aligné comme à la parade !
(FF, IE 6 & 7, Opéra)
0
Réponse 2 / 3
Anonyme
 
Salut


Bis du Post #1 en image ; "AlignementBlocCCMmer24oct07.bmp" :

http://img519.imageshack.us/img519/8770/alignementblocccmmer24owd2.png <<== merci !!


Source des liens ; "AlignementBlocCCMmer24oct07.bmp" :

http://img519.imageshack.us/done.php?l=img519/8770/alignementblocccmmer24owd2.png


merci .

à+
0
Réponse 3 / 3
Dalida Messages postés 7114 Statut Contributeur 923
 
a vi, bien vu !

c'est le bloc 24 et les blocs 25 qui ont la même largeur que les autres alors qu'il n'ont pas de bordures.
il faudrait donc compenser leur largeur mais faut voir quelles conséquences cela a sur leur contenu.


avec bordure : 
#bloc_18 {  /* ccm.css (line 1568) */
background-color:#DFEAFF;
border:1px solid #4B5261;
color:#000000;
float:left;
margin:10px 0pt 0pt 5px;
overflow:hidden;
width:679px;
}

sans : 
#bloc_24 { /* forum.css (line 984) */
color:#000000;
float:left;
margin:10px 0pt 0pt 5px;
overflow:hidden;
width:679px; /* --> width:681px; */
}
.bloc_25 { /* forum.css (line 1259) */
background:transparent none repeat scroll 0%;
color:#000000;
float:left;
height:auto;
margin:10px 0pt 0pt 5px;
overflow:visible;
padding-bottom:0pt;
width:679px; /* --> width:681px; */
}
0