Chevauchement body et barre de gauche

[Eiffel01]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://onapprendlesmaths.forumactif.org/

Description du problème

Bonjour,
Je voudrais créer un bloc à gauche de mon forum.
Seul problème, lorsque je zoom, le forum est chevauché par le bloc (photo ci-jointe). J
Je voudrais que le forum reconnaisse qu'il y ait un bloc à gauche pour ne pas le chevaucher.
De plus, en décalant mon forum sur la droite, des problèmes se posent lorsque je veux héberger une image par exemple : le cadre sort de l'écran

Comment remédier à ces problèmes ?
Je vous remercie

[Feuilla']

Bonsoir,
pour rajouter une marge à gauche recopiez ou collez ceci dans votre CSS :

Code:

.bodylinewidth {margin-left:200px}

Bonne soirée !

[Eiffel01]

Bonsoir,
Le forum est déjà décalé sur la droite, ce n'est pas ça le problème.
Le bloc de gauche chevauche le forum lorsque je zoom, ce qui pose problème, il faudrait arriver à mettre le forum dans une table...

Merci quand même

[Invité]

bonjour Eiffel01
edit>> code erroné.
je recherche une autre solution

[Eiffel01]

Bonsoir,
C'est ce qui était d'origine, mais j'ai remplacé par 300px entre votre poste et celui de Feuilla' dans l'espoir que ça change, mais non.
Le forum passe sous le bloc en grossissant

[Eiffel01]

Bonjour,
Juste pour montrer que ce sujet est toujours d'actualité.
Merci à vous deux

[Invité]

bonjour Eiffel , aprés reflection , et 2 ou 3 test

dans le template overall_header chercher ceci >>ou similaire !

Code:

<a name="top"></a>
   {JAVASCRIPT}
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>

juste aprés le >>>

Code:

<tr>

ajouter la div >>>un peut restructuré>>>

Code:

<!--ajout de la div rouge--><td>
                 
               
    <div style="background: red; position: fixed; left: 0px; top: 0px; width: 20%; height: 100%;">
      </div></td><!--fin ajout de la div-->

ce qui donnera ceci en place >>>dans votre template>>>

Code:

<a name="top"></a>
   {JAVASCRIPT}
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr><!--ajout de la div rouge--><td>
                 
               
    <div style="background: red; position: fixed; left: 0px; top: 0px; width: 20%; height: 100%;">
      </div></td><!--fin ajout de la div-->
         <td class="bodyline">

et ajouter dans votre css >>>pour replacé le forum au centre >>>

Code:

.bodylinewidth{width:60%;margin:auto;}

faite le test !

sur mon forum test , http://forum-test-r-max.forumactif.org/ ça fonctionne ..après test voir pour régler les dimensions !!

bonne journée .

[Eiffel01]

Bonjour,
Merci de votre réponse, mais j'ai essayé, sans succès.
J'ai trouvé une autre solution : avec les widgets. Je voudrais juste savoir comment changer la couleur de fond de la colonne des widgets ?
Impossible avec .module ou autre, j'ai essayé sans succès.

Je vais ouvrir un nouveau sujet.
Merci