Archives FluxBB.fr

shakal

Membre

[Css] Problème de float.

Bonjour,

Avant de vous détailler mon problème voici une capture d'écran:

Lien

J'ai intégré du code XHTML dans le fichier main.tpl afin d'insérer le forum à mon site.
Le menu à gauche a une propriété CSS float: left; et l'ensemble du forum a été intégré dans le 'corps' de ma page.

Comme vous le voyez toutes les catégories du forum descendent en dessous du menu gauche, l'origine viendrait de cette ligne dans le fichier base.css

.pun .clearer, .pun .clearb {CLEAR: both}

Si j'enlève la propriété clear: both; les catégories reviennent se placer comme il faut, cependant cela entraine pas mal de petit problème par la suite.

Auriez vous une solution pour faire remonter les catégories à l'endroit où elles devraient être sans problème ?

Merci d'avance moi je sèche.

tirikou

Membre

Re : [Css] Problème de float.

Bonjour,
J'avais eu le même problème que j'ai résolu comme cela :

j'ai donné un width à mon menu gauche (#menu_gauche{width: 140px; float: left})
Puis j'ai mis une marge à #main{margin-left: 150px}
Cela se trouve dans base.css

Et j'ai laissé le clear: both.

Tout fonctionne bien sauf lorsque je vais sous admin où je n'ai pas laissé le menu gauche mais bon, comme c'est pour moi cela n'a aucune incidence.

EDIT : il doit aussi falloir une marge négative à #container. Je ne sais plus si elle y est d'origine (margin-left: -140px dans mon cas).

Dernière modification par tirikou (14-12-2008 12:45:28)

---

[img]http://web-book-edition.com/wb.gif[/img]

shakal

Membre

Re : [Css] Problème de float.

Bonjour et merci pour votre réponse.

J'ai bien suivi ce que vous m'avez dit, mais cela n'a eu aucun résultat sur ma page.
Je viens de modifier le code CSS du fichier base.css comme suit:

.clearer  {margin-bottom: 60px}
.pun .clearb {clear: both}

Cela fonctionne, je vais pourtant devoir me résoudre à enlever le statut "En ligne" dans les infos des messages postés car le block ne vient pas se positionner dessous les autres infos (date d'inscription, messages, etc...)

Merci pour votre aide tirikou

shakal

Membre

Re : [Css] Problème de float.

Réctification

J'ai du ajouter la propriété suivante:

#brdwelcome {
margin-bottom: 60px;
}

Problème résolu