Pourquoi mon layout CSS se comporte-t-il de façon inattendue (voir lien)?

Cette question est spécifique à un site que je suis en train de construire. S'il vous plaît voir:Pourquoi mon layout CSS se comporte-t-il de façon inattendue (voir lien)?

La disposition a deux colonnes côte à côte au centre de la page à une largeur totale de 850px. Cependant, dès que la largeur de la fenêtre du navigateur est de 1275px ou moins, la colonne de droite descend en dessous de celle de gauche. Je veux que cela se produise uniquement lorsque la largeur de la fenêtre tombe à 850 px ou moins, c'est-à-dire que je veux qu'elle soit réactive, donc seulement si la fenêtre est trop petite pour afficher les deux colonnes côte à côte. Pourquoi l'empilement se produit-il à 1275px à la place? Je me perds dans ma propre mise en page et dans ma logique, j'espère que quelqu'un de l'extérieur pourra voir ce qui déclenche le problème.

Source

2013-01-23 Taneem Tee

J'ai voté pour fermer cette question parce qu'il est trop localisé, et peu probable pour aider les futurs visiteurs. Les meilleures questions ont un petit exemple autonome, qui contient juste assez de code pour démontrer le problème, sans rien supplémentaire. Publiez ce code dans la question ou dans un JSFiddle (jsfiddle.net). Faire cela peut être beaucoup de travail, mais c'est une partie essentielle du processus de dépannage de votre problème. – KatieK

Vous avez le code suivant que vous devez supprimer/modifier dans master.css:

@media only screen and (min-width: 480px) and (max-width: 1275px) { 
    .column2 { 
    clear: left; 
    } 
}

S'il vous plaît se référer à la définition propriétée: http://www.w3.org/wiki/CSS/Properties/clear

Source

2013-01-23 17:31:45 cheesemacfly

C'est certainement le code incriminé. Peut-être que vous vouliez dire une largeur maximale de 850 pour cette règle. Quoi qu'il en soit, c'est ce qui te casse Taneem. –

Omg C'est tout. Merci beaucoup! Je voulais dire que cette règle varie également en fonction de la largeur du maître. –

Pourquoi mon layout CSS se comporte-t-il de façon inattendue (voir lien)?

Répondre

Questions connexes