Discussion :

[Sayrus]

Bonjour,

Je génère des pages dynamiques en PHP sur plusieurs lignes ( autant de ligne que l'on veut)

Ces lignes sont composées soit d'une colonne de 100%

soit 2 colonnes de 50%
soit 25%/75%
soit 75%/25%
soit 3 colonnes de 33%

voici mon code HTML pour un exemple en 2 colonnes de 50%:

Code :

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

1
2
3
4
5
 
	<div class='page_line'>
	<div class='page_line_left' style="width:50%;">Contenu 1...</div>
	<div class='page_line_right' style="margin-left:50%; width:50%; ">Contenu2...</div>
	</div>

Code CSS associé :

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
18
19
20
21
22
23
#page .page_line{
 
position:relative;
margin-bottom:10px;
width:100%;
height:auto;
}
 
#page .page_line_left{
 
top:0px; float:left; left: 0px; position:absolute;
 
}
 
#page .page_line_center{
position: absolute; float: left; top: 0px;  border-left:10px solid #FFF; 
 
}
 
#page .page_line_right{
position: relative; height:100%;  top:0px;  border-left:10px solid #FFF; 
 
}

Seulement, lorsque je rajoute d'autre ligne, j'ai un problème de hauteur...

quand il y a plusieurs lignes, celles-ci se superposent vers la fin...

Surtout avec les images...

Comment définir une hauteur auto ou 100% avec une position:absolute?

Merci de votre aide.

Bien sûr je suis prenneur pour toute autre proposition de code...

Le but est que je puisse générer des pages de la même manière, uniquement à l'aide de DIV.

[Sayrus]

J'ai peur de ne pas être assez clair dans mon code, alors je formule autrement mon post:

Je souhaiterais un peu d'aide de votre part pour faire la chose suivante:

Afficher une page avec un contenu uniquement en DIV présenté sous l'aspect en plusieurs lignes contenant soit : (une ligne = un DIV qui englobe les colonnes qui suivent)

1 ligne de 1 colonne de 100% de largeur ou
1 ligne de 2 colonnes de 50%/50% ou
1 ligne de 2 colonnes de 25%/75% ou
1 ligne de 2 colonnes de 75%/25% ou
3 ligne de 3 colonnes de 33%/33%/34%

Il peut y avoir une succèssion d'autant de ligne que l'on veut...

Mon script en PHP est fonctionnel, mais pour le code CSS je n'ai pas ce qu'il faut.


Le but est que ces colonnes soient alignées à la même hauteur, et que la hauteur de la plus grande colonne d'une ligne soit prise en compte pour pouvoir espacer 2 lignes. ( ainsi, le contenu ne se superpose à aucun moment)

Merci beaucoup de votre aide

[Sayrus]

Vraiment personne ne peut m'aider?