[Résolu] Problème de responsive design

Bonjour,

J'essaie de faire quelque chose comme ceci, mais j'y arrive pas;

https://news.google.fr/

Les petites informations, même colonne que la météo, à droite ne bouge pas quand on diminue l'écran, mais le c'est le contenu au milieu qui diminue jusqu'à ce que la colonne de droite descend.

j'ai essayé,

#colonne_milieu{
width:75%;
}

#colonne_droite{
width:250px;
}

Mais ça marche pas, la colonne de droite bouge en même temps que la colonne du milieu.


Modifié par nancyAlex (29 Jul 2014 - 14:38)

salut,
tu peux passer par une mise en page tabulaire en CSS ou bien en utilisant le contexte de formatage particulier des flottants.

Bonjour,

Merci pour la réponse. J'ai utilisé ceci:

#colonne_droite{
display:table-cell;
width:300px;
padding:10px;
vertical-align:top;
}

#colonne_milieu{
display:table-cell;
max-width:100%;
padding:10px;
vertical-align:bottom
}

Et ça marche!!

Merci beaucoup et bonne journée.