Taille main dynamique

piemchien · 27/12/2009 19:09:42

Bonjour,

J'aimerai avoir une taille du "main" dynamique, c'est à dire que lorsque je n'ai pas de bloc à droite, le main occupe toute la place du mid.
Mon mid fait 1000px, mon main 650 et mon side 300.
J'ai essayé avec "auto" en valeur, mais il passe sous le side.
J'ai essayé plein de réglages, mais nada.
Avec le système des blocs de la version 0.9, ça serait super.
D'habitude, j'arrive bien à dompter le CSS, mais là, je bloque
Si ça s'en retourne c'est un c...ie, mais je ne vois pas.

Pierre

davyk · 27/12/2009 19:22:28

salut,
t'as essayé 100%?

piemchien · 27/12/2009 19:51:22

Oui, ça passe dessous.
J'ai essayé aussi d'inverser les div dans le template. Rien.
Le problème, en y regardant bien, c'est que la div side est tout le temps présente, avec ou sans blocs.

Je continue de chercher.

davyk · 27/12/2009 19:56:41

tu peux essayer de créer une div (largeur 100%) dans ta div side (SANS largeur)

jpg · 27/12/2009 20:12:48

piemchien a écrit :

Oui, ça passe dessous.
J'ai essayé aussi d'inverser les div dans le template. Rien.
Le problème, en y regardant bien, c'est que la div side est tout le temps présente, avec ou sans blocs.

Bonsoir,

ça c'est pas un problème ... si ton #side n'a pas de taille fixe (il ne faut pas d'instruction "width")

Je te joins pour démo la version 0.9.1 alpha 1 de style.css qui permet de faire apparaitre/disparaitre à volonté une troisième colonne (pour les panneaux opposés au menu) dont le nom est #oppside (pour l'instant).

En gros c'est ce que tu veux ... mais pour #oppside (nouveauté) au lieu de #side => Il faudra un peut adapter ... mais c'est le principe qui compte

a+
jean-paul

body {
  background-color: #CCC;
  margin: 0;
  padding: 0;
  text-align:center;
}
body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a {
  color: #35B;
  text-decoration: none;
}
a:hover {
  color: #B53;
}

#page {
  background-color:#FFF;
  border: solid 1px #CCC;
  border-top: none;
  background-color: #FFF;
  margin: 0 auto 16px auto;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  padding: 0;
  text-align: left;
  overflow: auto;
}

#top {
  background-color: #FFF;
  background-image: url(deco/topbg.png);
  border-bottom: none;
  margin:0;
  padding: 10px 0 0 0;
  clear : both;
}

#mid {
  border-bottom: 1px solid #CCC;
  margin:0;
  padding: 0;
  clear:both;
 display:block;
}

#oppside {
  float: left;
  margin:0;
  padding: 5px 10px 5px 10px;
}
#side {
  min-width : 150px;
  width : 180px;
  float: right;
  margin:0;
  padding: 5px 10px 5px 10px;
  display:block;
}

#main {
  display:block;
  margin:0;
  padding: 7px;
  text-align: justify;
  overflow: auto;
  min-width : 1px;
}

#break {
  clear: both;
}

#bot {
  border-bottom: 1px solid #777;
  background-image: url(deco/topbg.png);
  font-size: 75%;
  text-align: center;
  margin:0;
  padding: 0;
  color: #225;
  clear:both;
}

#top h1 {
  margin: 0;
  padding: 0 0 0 10px;
  color: #FFF;
  font-size: 24px;
}
#top h2 {
  margin: 0;
  padding: 4px 0 5px 10px;
  color: #EEF;
  font-size: 90%;
}

/* Menu */
.zul {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
  background-image: url(deco/pge0.png);
  background-repeat: no-repeat;
  padding-left: 14px;
}
.zon {
  background-image: url(deco/pge1.png);
}
.zli1 {
  margin-left: 0px;
}
.zli2 {
  margin-left: 16px;
}
.zli3 {
  margin-left: 32px;
}
.zli4 {
  margin-left: 48px;
}
/* styles zite */
#zadmin {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 0 2px;
  margin: 3px 0 0 0;
}
.ztable {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 0 2px;
  margin: 5px 0;
  width: 100%;
}
.zalert {
  border: 1px solid #C00;
  background-color: #FEA;
  padding: 0 2px;
}
.zerr {
    border: 1px solid #C00;
    background-color: #FEA;
    padding: 0 1px;
}

piemchien · 28/12/2009 10:17:53

Bonjour,

Merci jpg, mais j'ai testé ça aussi, et... ça passe en dessous.
Ton opside, il est dans quelle div?
Je pense qu'il faut être dans la même div pour que ça marche.
Heuuuu, vous avez pas une boite d'aspros

Je suis en train de regarder attentivement ton CSS, tu passe en largeur dynamique si je comprend bien.

Pierre

Dernière modification par piemchien (28/12/2009 10:21:51)

jpg · 28/12/2009 12:33:12

piemchien a écrit :

Bonjour,
Merci jpg, mais j'ai testé ça aussi, et... ça passe en dessous.
Ton opside, il est dans quelle div?

Dans la div "opside", elle même dans "mid".
ps: je t'avais mis tout le fichier de style car ce n'est pas seulement le pavé #oppside qui fixe le comportement des pavés mais aussi les #page #top, #mid ...

piemchien a écrit :

Je pense qu'il faut être dans la même div pour que ça marche.
Heuuuu, vous avez pas une boite d'aspros

Il m'a fallu un petit moment aussi pour le mettre au point ... entre les subtilités du css, les différences de navigateur et les facéties du cache

piemchien a écrit :

Je suis en train de regarder attentivement ton CSS, tu passe en largeur dynamique si je comprend bien.

Oui .... mais ...
...le nouveau ziteplus est assez souple pour avoir un style de base (avec une largeur/hauteur dynamique) qui pourra être modifié par d'autres styles (éventuellement fixe comme actuellement, ou trois colonnes ...) par l'interface de gestion de ziteplus.

a+
jean-paul

piemchien · 29/12/2009 13:00:07

Bonjour,

J'ai contourné le problème en utilisant le panneau latéral 6 que j'ai mis dans le mid. comme ça, il occupe toute la place, vu que je n'ai pas de panneau latéral sur cette page.
C'est bricolé, mais ça marche!

Pierre

Forum ZitePLUS

#1 27/12/2009 19:09:42

Taille main dynamique

#2 27/12/2009 19:22:28

Re : Taille main dynamique

#3 27/12/2009 19:51:22

Re : Taille main dynamique

#4 27/12/2009 19:56:41

Re : Taille main dynamique

#5 27/12/2009 20:12:48

Re : Taille main dynamique

#6 28/12/2009 10:17:53

Re : Taille main dynamique

#7 28/12/2009 12:33:12

Re : Taille main dynamique

#8 29/12/2009 13:00:07

Re : Taille main dynamique

Pied de page des forums