CSS absolu DIV causant d'autres problèmes DIV absolus

J'ai implémenté un script de discussion qui nécessite un DIV positionné de manière absolue pour entourer le contenu des pages.CSS absolu DIV causant d'autres problèmes DIV absolus

Ceci permet de s'assurer que les fenêtres de discussion restent en bas. Le problème est qu'en raison du positionnement absolu de cette enveloppe principale, tous les autres éléments absolument positionnés (par exemple, Jquery Auto-completes, datepicker, etc.) défilent maintenant vers le haut et vers le bas avec la page.

Voici un exemple du HTML:

<body> 
<div id="main_container"> 
    <div id="content">Elements like Jquery Autocompletes, Datepickers with absolute positioned elements in here</div> 
</div>

Le style DIV "de main_container" ressemble à ceci:

#main_container { 
    width:100%; 
    background-color:#ffffff; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */ 
    overflow-x: hidden; 
    overflow-y: scroll; 
    height:100%; /* this will make sure that the height will extend at the bottom */ 
    position:absolute; /* container div must be absolute, for our fixed bar to work */ 
}

J'espère qu'il ya une solution simple comme le chat le script est trop beau pour s'en débarrasser.

Merci,

Tim

Source

2010-05-24 Tim

Vous êtes probablement mieux faire ce que vous voulez rester dans une position fixe par rapport à la fenêtre, position: fixed ;.
La couleur d'arrière-plan semble être un mauvais hack.
Vous pouvez faire la position de l'élément environnant: relatif sans lui donner les propriétés haut/gauche/droite/bas et chaque élément "fixe" à l'intérieur, position: absolue, comme ils seront maintenant par rapport au parent qui a la position :relatif.
Si aucun de ceux-ci ne fonctionne, affichez plus de code, en particulier pour le positionnement de vos "éléments qui défilent vers le haut et vers le bas avec la page". On ne sait pas non plus ce que vous voulez dire par "page". Corps? Html? Viewport? Le contenu principal?

Source

2010-05-24 23:06:27 Henrik

Ok, je viens de changer le positionnement en relatif. Tout semble encore fonctionner tout simplement génial! J'ai besoin de tester pour plus de bugs mais merci d'avoir répondu! – Tim

CSS absolu DIV causant d'autres problèmes DIV absolus

Répondre

Questions connexes