1476 sujets

Web Mobile et responsive web 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.

Smiley confus
Modifié par nancyAlex (29 Jul 2014 - 14:38)
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!! Smiley biggrin

Merci beaucoup et bonne journée.