Discussion :

[CUCARACHA]

Salut à tous,

Je suis en train de bosser sur la nouvelle version de mon CMS. La précédente version découpait le contenu dans différents cadres. Cette technique présentait de nombreux avantages malgré les dires de certains. Toutefois, je suis obligé de passer à .net pour des raisons de sécurité. En conséquence, j'ai redéveloppé une page unique qui recrée le découpage qui existait avec les cadres. Cette technique pose un nouveau problème, il s'agit du système de coordonnées absolues.

En effet, l'éditeur que j'ai créé permet de faire du positionnement absolu d'éléments HTML. Durant l'édition si on positionne un élément par glisser-déplacé, il est référencé en coordonnées absolues par rapport au coin supérieur gauche de la zone d'édition qui est une IFrame

Source HTML visible sur mairies.ezlogicfrance.com

Front Office (Zone en violet = frame principale)



BackOffice (Zone en violet = Iframe d'édition correspondant à la frame principale)



Dans ce contexte, les coordonnées absolues ne posent aucun problème. En revanche, lorsqu’on est sur une page seule, si l'éditeur collecte et fixe des coordonnées absolues, elles décalent tous les éléments en haut à gauche.

Ma question est la suivante :

Existe-t-il, à part utilisation d'une IFrame, une possibilité de d'indiquer que tous les éléments HTML se trouvant dans un conteneur voient ses coordonnées Absolues être relatives au container sachant qu'il n'est pas possible de remplacer les position:absolute à l'intérieur du texte html par des position:relative car certains éléments peuvent rester dans le Flux HTML (et donc seraient recouvert par les éléments positionnés)...

Je ne sais pas si j'ai été bien clair, c'est un peu complexe mais c'est assez intéressant de s'y pencher...

D'avance merci pour votre aide...

Laurent

P.S. La version avtuelle est entièrement crossplatform, il est évident que la suivante doit l'être aussi...

[Candygirl]

Un petit position:relative sur le conteneur en question devrait règler ton problème, si j'ai bien compris.

[CUCARACHA]

Salut,

Le conteneur est un td, donc selon toi, si j'ajoute un style="position:relative" dans le td, toutes les coordonées absolues contenues seront relative au coin supérieur gauche du td ?

J'essaye

++

Laurent

[Candygirl]

non, si c'est un td (mais il me semble qu'un td n'a pas sa raison d'être ici ), il me semble que cela ne va pas le faire à moins que tu ne lui donnes aussi un display:block.

[CUCARACHA]

Re,

Ben non... Voici le code généré...

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
24
25
26
27
28
29
30
31
32
33
34
35
 
<table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;width:100%;height:100%;">
<tr>
    <td rowspan="2" style="width:auto;postion:relative;">
    <!-- Debut du contenu-->
    <DIV>
        <IMG style="LEFT: 7px; WIDTH: 779px; POSITION: absolute; TOP: 7px; HEIGHT: 189px" height=240 src="http://didierdelzor.free.fr/photos/page_visu_haut.jpg" width=1160>
    </DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>&nbsp;</DIV>
    <DIV style="LEFT: 286px; POSITION: absolute; TOP: 208px">
        <SPAN style="COLOR: #ff0000">
            <SPAN style="FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Verdana">ARAVO Aventure crée l'événement à Font-Romeu dans les Pyrénées Orientales<BR>avec la première manifestation sportive de l'année et la naissance du :
            </SPAN><BR>
            <SPAN style="FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><B>
                <SPAN style="COLOR: #ff0000">1er ULTRA TRAIL BLANC EUROPEEN
                </SPAN></B>
            </SPAN>
        </SPAN>
    <SPAN style="FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><BR><BR>Station au cœur de la Cerdagne, elle reste le terrain de jeu idéal pour cette <BR>première grande aventure hivernale !
    </SPAN>
</DIV>
</td>
					</tr>
				</table>

j'ai un peu refait l'indentation pour les besoins de la cause


humm...

Et si je mettais un div dans le td, qu'en penses tu ?

++

Laurent

[Candygirl]

Cf ci-dessus...

Le probème c'est que le display:block risque de perturber ton td... Je ne sais pas vraiment pourquoi un td ne peus pas servir de référence (vraisemblablement un problème de type ? ).

Oui, tu peux, mais la vraie question est plutôt que fait un td ici?

[CUCARACHA]

Re,

En fait, le projet est très ancien. En conséquence, la plupart des éléments actuels sont de l'ASP 3.0. Et le répertoire de base est doté d'une application ASP.net 1.1.

ASP.net 1.1 n'aime pas trop les divs, il faut tout gérer à la mano en HTMLGenericControl.

Comme j'ai des clients en prod, je dois migrer progressivement vers l'asp.net2.0.

J'ai trouvé une solution pour faire cohabiter des applications ASP, ASP.net 1.1 et ASP.net 2.0 en jouant sur les ports des applications web. Ca a l'air de marcher. En conséquence, ce que j'appelle les briques logicielles qui sont des applications dans l'application, sont dorénavant développées en ASP.net 2.0 (C#) en revanche, l'existant, c'est à dire, une bonne partie du backoffice et tout la partie commune du cms ne peuvent pas migrer partiellement en 2.0 sans une refonte totale et, étant seul à bosser sur le cœur de l'appli, je dois le faire en parallèle. De plus lorsque la version 3.0 sera prête c'est à dire la version ASP.net 3.0 Ajax, je vais devoir rapatrier toutes les données de mes sites existants sans peter la structure et certains sont gros (Site de la mutuelle de LCL plus de 120 pages) je n'ai pas le droit à l'erreur. Donc j'avance step by step sur des œufs... (un pu comme dans la salle des œufs de LBRS a WOW ).

Voilà l'histoire... et fo faire avec...

++

Laurent