problème de chevauchement en CSS

[K-ZimiR]

Je suis en train de refondre un site perso en utilisant PHP et CSS mais là, je sèche ...

J'ai des <div> dans des <div> et j'ai un problème de chevauchement, mais comme une image en dit beaucoup plus que de nombreuses explications, voici l'url : http://www.suliworld.com/lan2/.

En fait j'aimerai que le cadre noir s'ajuste à son contenu.

La feuille de style : http://www.suliworld.com/lan2/css/lan.css.

Merci

Modifié 28 Avril 2004 par K-ZimiR

[Dinostrate]

Bonjour,

Si mes souvenirs sont exacts, il me semble qu'un "clear:both" devrait te donner la solution.

exemple ici sur les boites flottantes :

http://openweb.eu.org/articles/initiation_float/

.spacer {

clear: both;

}

et

<div class="spacer"> </div>

juste avant le </div> du cadre principal

ceci dit, je n'ai jamais essayé avec des absolute...

Dino

[K-ZimiR]

Merci pour ta réponse.

A priori ça ne fonctionne pas avec les absolute, je vais essayer de modifier la feuille de style.

Je posterai le résulatt de l'expérience

[K-ZimiR]

bon, ok ça fonctionne mieux avec les position: relative;

maintenant je me casse la tête avec les float ..... j'ai épluché les tutoriaux d'openweb mais j'ai toujours un problème de décalage à droite, malgrès que les <div> ne se chevauchent pas et que j'utilise les floats ...

je vous invite à regarder sur www.suliworld.com/lan2/

Modifié 29 Avril 2004 par K-ZimiR

[Dinostrate]

Ton problème c'est que si t'es en float, ton <div> de droite n'a plus la place pour "se garer comme il faut" (les résultats sont pires avec ie)

Perso, j'ai débuté les css avec des float, j'utilise très rarement les "relative", jamais les "absolute" et j'utilise plutôt les % ou les em.

Je suis encore très loin de tout savoir, mais j'ai constaté deux ou trois choses :

Si tu places un cadre à gauche et un autre à droite, il vaut mieux faire 1 "left" et 1 "right"

Si te places trois cadres, il faut faire un savant calcul avec les width.

Dans ton cas, je pense qu'il faut trois cadres dans le cadre principal. Dans cette situation, j'essaierai tout en left.

Ce n'est pas évident de tout faire en float, mais maintenant que je commence à piger, je ne jure que par ça ! on y gagne énormément en relativité.

N'oublie pas que les conséquences de ton code sont différentes dans ie et dans les opera ou mozilla, et aussi dans ie 5 5.5 par rapport à ie 6.

Au fait, je pense qu'en absolute, t'avais une autre solution : dimensionner en hauteur le cadre principal, mais comme perso je n'aime pas ça....

Dino

[K-ZimiR]

Merci pour ces précieux conseils

Je m'en va essayer tout ça