fraish dist en 3 colonnes

Général
1

Bonjour

Je cherche, à partir du modèle des boîtes de fraichdist où on voit à gauche une colonne navigation, à rajouter une deuxième colonne identique mais sur la droite. Quelle est la meilleur technique ?

J'ai essayé ça

#conteneur #contenu {
  float: left;
  width: 12em;
  
}
/* la colonne de navigation standard
#conteneur #navigation {
  float: right;
  width: 12em;
  text-align: center;
}
/* la colonne que je veux rajouter de l'autre côté
#conteneur #navigation_gauche {
  float: left;
  width: 12em;
  text-align: center;
}

Ma nouvelle colonne prend toute la largeur du conteneur et repousse le contenu et la première colonne en dessous

Une piste ?

Michel

http://fraichdist.online.fr/spip.php?article298&id_document=42#documents_portfolio

2

Bonjour

Et si le contenu du milieu s'écrivait "un peu comme ça":

#conteneur #contenu {
margin: 12em;
width: auto;
}

...
C'est ce que j'ai fait ici:
http://www.ash.edres74.ac-grenoble.fr/

A+ Laurent

michel fraisse a écrit :

Bonjour

Je cherche, à partir du modèle des boîtes de fraichdist où on voit à gauche une colonne navigation, à rajouter une deuxième colonne identique mais sur la droite. Quelle est la meilleur technique ?

J'ai essayé ça

#conteneur #contenu {
  float: left;
  width: 12em;
  
}
/* la colonne de navigation standard
#conteneur #navigation {
  float: right;
  width: 12em;
  text-align: center;
}
/* la colonne que je veux rajouter de l'autre côté
#conteneur #navigation_gauche {
  float: left;
  width: 12em;
  text-align: center;
}

Ma nouvelle colonne prend toute la largeur du conteneur et repousse le contenu et la première colonne en dessous

Une piste ?

Michel

http://fraichdist.online.fr/spip.php? article298&id_document=42#documents_portfolio
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

3

Bonjour;

Le 30 oct. 06 à 09:00, Laurent JULLIEN a écrit :

Et si le contenu du milieu s’écrivait « un peu comme ça »:

#conteneur #contenu {

margin: 12em;

width: auto;

}

Oui…

j’aurais dû préciser que je travaille uniquement sur la page sommaire et que je voulais une largeur fixe.

j’ai trouvé ça de mon côté

#conteneur { width: 100%; }

#conteneur #contenu {
float: left;
width: 33em;
}

#conteneur #contenu_sommaire {
float: left;
margin-left:1em;
width: 21em;
}

#conteneur #navigation {

text-align: center;
}

#navigation .droite {
float: right;
width: 12em;
}

#navigation .gauche {
float: left;
width: 12em;

Merci

Michel