[CSS] DIVs qui va à la ligne... :(

Bonjour,

Avant tout : site pour adulte donc contenu pouvant en choquer certains.

Donc, je fais un annuaire avec un header, une petite ligne en dessous et un footer : tout ca est ok. Puis, j'ai le contenu : 1 menu gauche (leftBox), 1 menu droit (rightBox), 1 contenu (mainBox) et là ca coince sous Firefox.

Parfois (sans raison apparente) la mainBox va se mettre à la ligne, pourtant rien ne dépasse la taille allouée, rien de gêne. Cela ne se passe que sous firefox (IE = OK). J'ai essayé plusieurs types de propriété Display, rien n'y fait.

Faîtes le test (naviguez en cliquant sur les catégories dans le menu de gauche) :
- Delabaise.com (le site)
- La feuille de style CSS

Si vous avez des indications, car là je craque un peu car je cherche depuis hier soir... Merci d'avance :)

8O choqué de voir un tel lien ici :cry:

Ce genre de site n'a pas sa place sur Internet.

Ok, et... à part ca?

Citation:

---

Envoyé par m0pz

Donc, je fais un annuaire avec un header, une petite ligne en dessous et un footer : tout ca est ok. Puis, j'ai le contenu : 1 menu gauche (leftBox), 1 menu droit (rightBox), 1 contenu (mainBox) et là ca coince sous Firefox.

---

Je peux essayer de te donner une piste seulement avec les informations que tu as donné.

Donc tu as :

[header]
[ligne en dessous]
[leftBox] [mainBox] [rightBox]
[footer]

Essaies clear: both; sur Footer.

Citation:

---

Envoyé par balu

[header]
[ligne en dessous]
[leftBox] [mainBox] [rightBox]
[footer]

Essaies clear: both; sur Footer.

---

J'ai testé, can e fonctionne tjrs pas. J'ai testé clear: both, sur [ligne en dessous] aussi et rien. Je comprends même pas pourquoi ca repart à la ligne une fois sur deux..

Sur ma classe CONTAINER qui contient [leftbox] [mainbox] [rightbox], si je mets :
- display: table;, j'ai ce bug qui apparait MAIS quand ca fonctionne j'ai mon height à 100%.
- display: block ou pas de display, je n'ai pas le bug mais les 100% des menus et de mainbox ne fonctionnent pas donc ca peut faire laid.

Donc faudrait peut-etre penser à rester en display: block; et... trouver la solution au bug 100%? Alors, vous avez une solution maintenant pour que les menus et le block central prennent 100% de la hauteur? (ca se voit au background :)

Une idée?!
Je ressaie pleins de combinaisons mais tjrs rien.. snfi help !

J'ai peut-être trouvé une idée pour la hauteur à 100%.

D'après cet article en anglais, il faudrait donner une hauteur aux éléments body et html.

Code:

---

1 2 3

html,body { height: 100%; }

---

Oui mais je l'ai déjà fait, j'ai mis height 100% à tous les éléments parents des DIVs cocnernés. Mais ca marche pas quand je fais Display: block. Quand je fais display: table; ca marche mais ca bug.

Voilà c'est réparé (bidouillé) mais soucis visible maintenant surtout sur IE : un gros vide entre le [footer] et le contenu. Vous avez une idée?

Merci à vous!

Citation:

---

Envoyé par balu

Ce genre de site n'a pas sa place sur Internet.

---

Je suis loin de vouloir défendre ce genre de commerce, mais je serais curieux de voir comment tu argumentes une telle prise de position... :roll:

Citation:

---

Envoyé par Glob

Citation:

---

Envoyé par balu

Ce genre de site n'a pas sa place sur Internet.

---

Je suis loin de vouloir défendre ce genre de commerce, mais je serais curieux de voir comment tu argumentes une telle prise de position... :roll:

---

Ce n'était pas une prise de position mais je me rend compte que ma phrase était exagérée. Pour ma part, ce genre de site ne m'intéresse pas du tout et me dérange un peu mais je peux comprendre que cela intéresse certaines personnes.

hehe je comprends tout à fait que ce genre de contenu puisse déplaire... :wink:

Je ne suis pas fanatique de ces formes d'art (mmhh...) mais bon si tout le monde est majeur et consentant, c'est déjà pas mal... :roll:

bon, à part ça, as-tu essayé en remplaçant div par span ???Tu passes donc du type bloc au contenu en ligne, donc,pour conserver l'affichage, faudra un truc du genre:(dans la feuille dze style ) span{display:bloc;}. C'est ridicule de faire ça mais si ça marche pas autrement ????

j'ai également rencontré ton problème sur myIE
Et, chose surprenante, ta mainbox se met correctement au milieu de l'écran, et au bout de quelques secondes elle se déplace à la ligne.
Ne serait-ce pas dû à une fonction javascript (auquel je ne connais rien) ?