[résolu] 2 colonnes en css dans une cellule.

Bonjour,

J'ai placer mon texte sur 2 colonnes dans un tableau, ainsi :

.gauche {

        font-family: "Times New Roman";
	font-size: 12pt;
	text-indent: 15px;
	text-align: justify;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute;
        left: 280px;
 	width: 275px;
}
	

.droite {
	font-family: "Times New Roman";
	font-size: 12pt;
	text-indent: 20px;
	text-align: justify;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
  	position: absolute;
        left: 570px;
 	width: 275px; 

}

Mais voilà la valeur de left: est prise par rapport au bord de la page. Et dans une résolution autre que 1024 mes collones sont décalées.
Peut on prendre le bord d'une cellule ou du tableau pour aligner les colonnes ?

J'ai bien tenté diverses choses mais sans succès...

Une idée ?

Merci bien.

F.
Modifié par fuerchan (08 Feb 2006 - 10:43)

Je crois que tu devrais consulter les tutoriel au moins pour la partir theorique qui est aussi importante de que la pratique.

Non l'alignement ne se fait qu'a partir du premier block parent positionné (absolute, relative,fixed).
Je te conseillerauis vivement d'inserer un div conteneur (apres body en position relative) comme ça tous les element descendant se placeront a partir
de ce div et non de la page.

Bonjour,

Merci de la réponse.

J'ai déjà fait un tour dans les tuto, mais bon je y retourner des fois que j'ai rapé quelques chose... Et voir pour ce div conteneur...

Je reviens dès que j'ai la réponse ou une suite au problème...

Encore merci.

F.

Bonjour,

Me revoilà... Désolé pour ce temps mais bon... Je pense tenir une solution... En tout cas elle fonctionne comme je l'espérai... Donc...

1) Dans un fichier externe j'ai placé ceci :

#gauche {
      	font-family: "Times New Roman";
	font-size: 12pt;
	text-indent: 15px;
	text-align: justify;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	position: absolute;
	width: 275px; /* largeur de la colonne */
   
}
	
#droite {
   	font-family: "Times New Roman";
	font-size: 12pt;
	text-indent: 20px;
	text-align: justify;
	margin-top: 5px;
	margin-left: 310px;
	margin-right: 0px;
	margin-bottom: 20px;
  	position: absolute;	 
 	width: 275px; /* largeur de la colonne */
}

2) J'ai placer dans ma page et dans head :

<link rel="stylesheet" type="text/css" href="chemin jusqu'au fichier CSS">

3) Et dans ma cellule j'ai placé ceci :

<div id="gauche">
<p>texte de la colonne de gauche...</p>
</div>

<div id="droite">
<p>texte de la colonne de droite...</p>
</div>

Voilà... Je ne sais pas si c'est fait dans les règles mais bon ça fonctionne... Mes colonnes ne bougent pas en 1024 ou 800.

Merci

F.