Discussion :

[lelectronique.com]

Bonjour,

un soucis tout bête que je ne parviens pas à résoudre pourtant il semble simple

je souhaite avoir une colonne qui s'adapte à la largeur de l'écran et une colonne fixe à droite de 300px je fais le code suivant

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
 
<style>
.col1 {
	background-color: #009;
	margin-right: 300px;
}
.col2 {
	background-color: #0F0;
	width: 250px;
	float: right;
}
</style>
 
<div>
  <div class="col1">fff</div>
  <div class="col2">ffff</div>
</div>

mon problème est que la col2 n'est pas sur la même ligne que la col1

merci d'avance
bonne après midi

[Ecared]

Inverse ton col1 et col2 dans ton code html et enlève ton margin-right :

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
 
<style>
.col1 {
	background-color: #009;
}
.col2 {
	background-color: #0F0;
	width: 250px;
	float: right;
}
</style>
 
<div>
  <div class="col2">ffff</div>
  <div class="col1">fff</div>
</div>

[lelectronique.com]

tout simplement....
merci beaucoup

[lelectronique.com]

cela fonctionne en exemple simple mais plus complexe non

[JefReb]

Il me semble que flex pourrait résoudre ce problème très simplement et sans l'utilisation de float et être responsive.

[lelectronique.com]

j'ai reinversé les colonnes mis un flex sur le div conteneur supprimer les float les colonnes sont ok sauf la largeur pourtant bien préciser 300px