28218 sujets

CSS et mise en forme, CSS3

Le casse tête

Bonjour,
J'ai longtemps cru que le css pouvait tout faire, mais là, des semaines que je réfléchis, et rien.

Imaginez, une div principale, dans laquelle, se trouve 2 div :

Une avec le contenu, l'autre avec des informations en tout genre (un bandeau de navigation dirons nous)

J'ai une image en fond, et je voudrais que cette div, s'addapte en hauteur, à la taille de la div de contenu.
Seulement, à l'extérieur de la div de contenu, on ne peux pas, et en la mettant à l'intérieure, non plus, étant donné qu'il devrait se passé l'inverse.
Vous me direz, et bien fais l'inverse ? la droite dans la contenu, et hop ? Sauf qu'étant l'une dans l'autre, les textes se bavoches et ne sont pas dans le bon sens...

Une petite image : upload/20650-div.png
Salut,

Francois.l a écrit :
J'ai longtemps cru que le css pouvait tout faire
Ben non ! Smiley langue

Sinon je n'ai quasiment rien compris à ton problème mais je suppose qu'il est question de faire des colonnes de même hauteur...
Modifié par Heyoan (08 Jun 2009 - 16:05)
Francois.l a écrit :
J'ai longtemps cru que le css pouvait tout faire

Il ne fait pas le café. Smiley smile

Francois.l a écrit :
J'ai une image en fond, et je voudrais que cette div, s'addapte en hauteur, à la taille de la div de contenu.
Seulement, à l'extérieur de la div de contenu, on ne peux pas, et en la mettant à l'intérieure, non plus, étant donné qu'il devrait se passé l'inverse.
Vous me direz, et bien fais l'inverse ? la droite dans la contenu, et hop ? Sauf qu'étant l'une dans l'autre, les textes se bavoches et ne sont pas dans le bon sens...

Houlà... rien compris.

L'image est heureusement plus explicite. Et ça se fait en CSS assez simplement:
#gauche {
  display: table-cell;
  width: 75%;
}
#droite {
  display: table-cell;
  width: 25%;
}

Le seul truc, c'est que ce n'est pas suportés par les anciennes versions d'Internet Explorer (6 et 7, la version la plus récente étant la 8). Il faut donc utiliser des moyens un peu détournés pour arriver au même effet. Si on a vraiment besoin de la souplesse d'une structure en colonnes, et dans ce cas on pourra se permettre un petit tableau à deux cellules.
Modifié par Florent V. (08 Jun 2009 - 21:52)
Sujet clos
Aller à