Discussion :

[Invité]

Bonjour a tous dabord
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...

question subsidaire

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

[trotters213]

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

[Invité]

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

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

[Invité]

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

[Auteur]

bonjour,

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

height: 100%

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>