CSS position relative / conteneur

Bonjour a tous dabord :P
Je développe en PHP et viens de m'appercevoir des possibilité 'magique' des CSS pour la mise en page, mais...

Je voulais savoir si, à l'interieur d'une feuille CSS et sans positionner mes DIV dans la page HTML, on pouvait donner une position en relatif par rapport à une autre div connue (elle en positionnée en relative)

Je m'explique

je veux faire 2 pages PHP

- page.inc.php :
.définition des div (haut, gauche,centre, bas...), structure de la page quoi

- action.php :
.traite divers données
.crée des div ('zone') dans lesquelles j'include divers trucs
.crée pourkoi pas des 'menu' dans la zone 'gauche'
.include('page.inc.php') pour afficher la structure

en résumé, je veux que mes div 'zone' se positionnent re relatif dans 'centre' et non pas n'importe ou. tout le positionnement doit se faire en CSS

:? je c po si c claire, mais je sais que vous etes des pros alors...:P

question subsidaire :P

quel est la propriété pour que 'gauche' aille jusq'en bas de la page mm après redimensionnement.
Avec bottom, la hauteur est fixe et lorque le contenu de la page est grand, mon menu se limite a la hauteur de l'ecran


Merci d'avance !

PS: je sais, je suis nul :lol:

:salut:
j'ai pas tout compris à ton problème mais jette un coup d'oeil à ce cour sur les DIV

Merci qd mm, j'ai déja vu cette page mais ça ne m'aide qu'a moitier

Mais peu etre que ce que je cherche n'est pas possible :(
je me suis peu etre un peu trop enthousiasmé en voyant les possibilités des CSS :P

en résumé je voudrais un truc du style:

div#zone {
position: absolute;
left:200px; positionnement à droite du menu
top: 100px; positionnement sous la barre de titre
}
Pour positionner mes zones

et une autre CSS, pour que mes diferentes zones s'empilent les une sous les autres en dessous de ma barre de titre. le tout uniquement en CSS, les zones étant définies n'importe ou dans l'HTML

est il possible de faire référence à un conteneur lors de la definition CSS d'une DIV?

bonjour,

Citation:

---

quel est la propriété pour que 'gauche' aille jusq'en bas de la page mm après redimensionnement.
Avec bottom, la hauteur est fixe et lorque le contenu de la page est grand, mon menu se limite a la hauteur de l'ecran

---

avec

Code:

---

height: 100%

---

Citation:

---

en résumé, je veux que mes div 'zone' se positionnent re relatif dans 'centre' et non pas n'importe ou. tout le positionnement doit se faire en CSS

---

Tu peux définir la zone centrale comme ceci :

Code:

---

1 2 3 4 5 6 7 8

.centre{ width: 400px; height: 500px; margin: auto; padding: 20px; border: 1px #AAAAAA solid; }

---

puis tes zones

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

.zone1{ position: relative; top: 20px; margin: auto; display: block; border: 1px #AAAAAA solid; }   .zone2{ position: relative; top: 80px; margin: auto; border: 1px #AAAAAA solid; }

---

et ton code HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<div class="centre"> <div class="zone1"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div>   <div class="zone2"> bla bla bla bla bla bla bla bla bla bla bla bla </div>   </div>

---