CSS fixe div. Éviter le chevauchement des
J'ai une mise en page CSS composé de 2 colonnes. la colonne de navigation à gauche est un correctif div. Il y reste pendant le défilement vers le bas le contenu principal dans la colonne à droite.
Le problème vient quand je réduis la fenêtre du navigateur, ou un zoom avant: lors du défilement du navigateur windom horizontalement, le contenu principal sur la droite se qui se chevauchent dans la colonne de navigation à gauche.
Comment puis-je y remédier de sorte que quelle que soit la taille de ma fenêtre de navigateur ou mon niveau de zoom est, quand j'ai un défilement horizontal fixe div n'est pas chevauchent, mais pousse la colonne principale, à droite?
Vous pouvez le voir pour de vrai au: http://justarandomone.tumblr.com/
Tout le code est dans la source (C'est assez compliqué, désolé pour ça).
L'espoir peut vous aider. Merci!
OriginalL'auteur Justa Randomone | 2012-04-04
Vous devez vous connecter pour publier un commentaire.
pas vraiment un problème, à mon avis..
de toute façon je pense que vous avez pu le résoudre en mettant le principal bloc de contenu dans un div et en lui donnant un positionnement absolu.
enlever le float:left, à partir de la barre latérale, il n'est pas nécessaire.
OriginalL'auteur Valentino
vous pouvez donner le #sidebar d'un solide de couleur d'arrière-plan (par exemple, blanc); mettez-les sur le dessus de la pile avec un z-index (tout nombre plus grand que le z-index de la droite, par exemple, 1); en outre, vous pouvez étirer le #sidebar avec hauteur: 100%. Enfin, vous voudrez probablement la #sidebar à apparaître, couvrant toute la hauteur du côté gauche, vous pouvez ajouter des "top: 0" pour y parvenir.
OriginalL'auteur ssssszzzzz
Je suis en mesure de recréer lors de la réduction du Chrome anormalement petites tailles de fenêtre et aussi sur un iPhone. Réglage de la div sidebar à
position:fixed
l'oblige à rester en position, causant des problèmes avec le défilement horizontal.Je suis passé de encadré
position:absolute
et puis la synchronisation de latop-margin
pour les deux barre latérale et blogroll et il semble fonctionner correctement.OriginalL'auteur Shawn H.
Possible suggestion. utiliser les css pour définir à la fois la "blogroll" et 'sidebar' de hauteur à la même valeur (j'ai utilisé à 100% dans cet exemple). Th ajouter "overflow: auto;" à la "blogroll"
Ce sera la cause de la blogroll d'avoir ses propres barres de défilement à l'intérieur de la page(donc on peut les utiliser, et, théoriquement, la page ne sont pas en ont. Pour s'en assurer, ensemble de votre corps de la marge à 0 pour ie.
Devrait fonctionner.
OriginalL'auteur Wolf-Kun