[RÉGLÉ] Probleme de DIV sous le texte ?

[visuapub]

Bonjour,
suis en train de coder un template et en fait j'ai un truc que je comprend pas.

J'essaie d obtenir le résultat comme sur le schéma en pièce jointe.



Mais mes modules M1 - M2 - M3 - M4 se positionne à droite sous la position droite, alors que j'ai mis float left justement pour l'éviter.

Eventuellement,


est ce que vous voyez un truc que j'aurai loupé dans mon fichier index.php que voici :

<div id="contenant">
<div id="fond_top">
<div id="logo">
<a href="index.php"></a>
</div>

<div id="top">
<jdoc:include type="modules" name="top" />
</div>
</div>

<div id="banniere_fond">
<div id="banniere">
<jdoc:include type="modules" name="banniere" />
</div>
</div>

<div id="actualite">
<jdoc:include type="modules" name="news" />
</div>

<jdoc:include type="message" />
<jdoc:include type="component" />
</div>

<div id="droite">
<jdoc:include type="modules" name="droite" />
</div>

<div id="accueil1">
<jdoc:include type="modules" name="M1" />
</div>

<div id="accueil2">
<jdoc:include type="modules" name="M2" />
</div>

<div id="accueil3">
<jdoc:include type="modules" name="M3" />
</div>

<div id="accueil4">
<jdoc:include type="modules" name="M4" />
</div>

</div>

<div id="footer">
<jdoc:include type="modules" name="piedepage" />
</div>

</div>

</body>
</html>

[kursus]

Re : Probleme de DIV sous le texte ?

Salut,

Si "droite" est codé AVANT les "Mx" ils ne pourront pas apparaître dessous. Tu pourras utiliser tous les hacks que tu veux le flux reprendra sous "Droite".

Le plus simple : inverser les Mx évidemment et regrouper les blocs de gauche dans un conteneur.

<div id=gauche">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<div id="accueil1">
<jdoc:include type="modules" name="M1" />
</div>
<div id="accueil2">
<jdoc:include type="modules" name="M2" />
</div>
<div id="accueil3">
<jdoc:include type="modules" name="M3" />
</div>
<div id="accueil4">
<jdoc:include type="modules" name="M4" />
</div>
</div>

<div id="droite">
<jdoc:include type="modules" name="droite" />
</div>

Avec #gauche et #droite en float:left;

A+

[visuapub]

Re : Probleme de DIV sous le texte ?

Merci pour l'astuce.
J'avais essayé, la le hic, rires, y a un hic, sinon, ca serait "trop" simple, c est que du coup, ma div "droite" se positionne a droite mais par contre, commence apres M1 -M4 et se retrouve trop bas.
Mais je vais trouver, je l'aurais, j'ai du louper un truc , rires.

Merci pour le coup de main, bonne soirée !

@+

[kursus]

Re : Probleme de DIV sous le texte ?

Il faut que la somme de la largeur de #gauche et #droite ne dépasse pas la largeur de #wrapper !

[visuapub]

Re : Probleme de DIV sous le texte ?

Merci pour vos coups de main.
Finalement, j'ai résolu le probleme avec (mais a mon avis ca n'a rien a voir, pourtant je vide mes caches et ceux de joomla tout le temps, rires) avec un <div class="clr"></div>.
Va comprendre Charles.

Merci encore pour vos idées !!!

Longue à Joomla et aux Forums !

[kursus]

Re : Probleme de DIV sous le texte ?

Effectivement les éléments en float ont besoin d'un clear à un moment, si tu te mets à coder des templates je ne peux que te conseiller de te documenter sérieusement sur les technos html/css.

[visuapub]

Re : Probleme de DIV sous le texte ?

Merci, je suis en train de finaliser ma formation en CSS et html.
Je savais bien que j'avais oublié quelque chose, le truc un peu con, mais bon, ca arrive, a force d'avoir le nez dans le guidon.
Pour ca, désolé de vous avoir embeter avec ca, alors que j'avais déja la réponse, que j'avais déja trouvé plus d'une fois la solution à ce probleme dans des projets précédents.
mais ca fait plaisir de se sentir moins seul, rire.
Bonne soirée, bonne nuit !