28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite imbriquer des DIV [ en position: absolute; ] dans un DIV [ également en position: absolute; ]
Le problème c'est que le DIV parent ne s'étend pas !

je sais je ne suis pas doué ... (débutant en CSS Smiley smile

Merci par avance...
Ludo
Effectivement, désolé voici le code :


<div id="global_contrat">
    <div id="c1">
        Contrat 1
        ...
    </div > 
    <div id="c2">
        Contrat 2
        ...
    </div > 
    <div id="c3">
        Contrat 3
        ...
    </div > 
</div>



#global_contrat {   
    position: absolute;
    width: 700px;
    right: 10px;
    top: 140px;
    background-color: red;
} 
#global_contrat div {   
    position: absolute;
    width: 100%;  
}


Les DIV se trouvant à l'intérieur du DIV principal se superposent puis j'afficherais par le biais d'onglets ceux qui m'intéressent.
En fait, comme je ne connais pas la haiteur des DIV imbriqués (infos provenant d'une base de données donc dynamique), j'aimerais que mon DIV principal soit extensible.

Encore merci
Ce qui vet dire que je ne peux pas mettre une largeur fixe (d'où mon width:700px) et rien en hauteur (donc pas de height) afin qu'il s'étende en hauteur ?
C'est bien dommage, c'est ce qu'il m'aurait fallu !
N'y aurait-il pas une autre solution ?
Non, tu peux mettre une largeur fixe et laisser la hauteur libre de s'étendre. J'ai cru comprendre que tu voulais que ton contenu soit fluide en largeur.

Donc, quand tu dis que ton problème est que ton div parent ne s'étend pas, c'est en hauteur ? Donne nous aussi tes css pour tes div enfants.
Administrateur
tshino a écrit :
Les DIV se trouvant à l'intérieur du DIV principal se superposent puis j'afficherais par le biais d'onglets ceux qui m'intéressent.
Utilise plutôt un plugin comme jQuery Tools Tabs : http://flowplayer.org/tools/tabs/index.html c'est assez simple d'utilisation

tshino a écrit :
En fait, comme je ne connais pas la haiteur des DIV imbriqués (infos provenant d'une base de données donc dynamique), j'aimerais que mon DIV principal soit extensible.
Tu crois que si tu savais quelles infos étaient affichées, tu connaîtrais la hauteur de tes div ? Smiley lol Un bloc doit toujours être extensible en hauteur parce que certaines personnes modifient le niveau de texte (graphique OU texte), une police aliasée ou pas (ou plus grasse sur Mac) va prendre 3px de plus en largeur et provoquer 1 ligne en plus (et comme tu ne peux pas tester tous les OS dans toutes les configs possibles, tu ne le sauras jamais).

Pour ce qui est de l'extensibilité, le positionnement absolu provoque exactement l'inverse : l'élément est sorti du flux et n'a plus aucune influence sur son environnement.
Bonjour,
Merci Felipe pour tes explications et le lien qui correspond pil poil à ce que je désire.
Je me lance là dessus et vous tiens informé...
Smiley biggrin
Encore merci,
Bonne journée