Forum décalé dès qu'il y a une résolution différente de 1400x1050

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par Doupi Lun 23 Juin 2014 - 15:43

Bonjour,

je rencontre un problème sur mon forum dont voici l'adresse : http://testwhorunstheworld.forumgratuit.be/

En effet, j'ai choisi d'entourer mon forum d'un fond malheureusement cela ne marche correctement que pour de grandes tailles d'écran :

Voici la version ok :
Forum décalé dès qu'il y a une résolution différente de 1400x1050 Versio10

Mais quand je teste (à l'aide de ce site : http://www.supportduweb.com/testeur-resolution-site-taille-ecran-page-test-screen-resolution-size.html) sur de plus petites résolutions d'écran, rien ne se place correctement. Le forum se trouve complètement décalé sur la droite (voir la barre en bas).

Par exemple ici sur un écran de 1024x768 :
Forum décalé dès qu'il y a une résolution différente de 1400x1050 1024x710

et sur un de 800x600 :
Forum décalé dès qu'il y a une résolution différente de 1400x1050 800x6010

J'ai bien entendu des templates de modifier mais je ne peux les afficher dans ce message.

Mon CSS:
Spoiler:

Pouvez-vous m'aider ?

Merci d'avance.  Very Happy 


Dernière édition par Doupi le Ven 27 Juin 2014 - 11:24, édité 1 fois
avatar

Doupi
**

Messages : 56
Inscrit(e) le : 24/09/2012

http://whoruntheworld.superforum.fr/forum
Doupi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par Doupi Lun 23 Juin 2014 - 15:47

Mes templates modifiés :

Index_body :
Spoiler:

Index Box :
Spoiler:

Overall Footer End :
Spoiler:

Overall Header :
Spoiler:

J'en ai d'autres aussi mais je pense que le problème doit provenir d'un de ceux-ci.
avatar

Doupi
**

Messages : 56
Inscrit(e) le : 24/09/2012

http://whoruntheworld.superforum.fr/forum
Doupi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par Doupi Mar 24 Juin 2014 - 17:40

Up personne pour me donner une piste sur ce qui pourrait ne pas aller ? Merci
avatar

Doupi
**

Messages : 56
Inscrit(e) le : 24/09/2012

http://whoruntheworld.superforum.fr/forum
Doupi a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par AenigmA Mar 24 Juin 2014 - 18:20

Bonsoir,
Ton problème est cette partie qui doit être mal codée

Spoiler:

Si tu l'enlèves provisoirement tu verras que c'est correct le reste.
Code donc par table cette partie
Ou prends exemple du qeel de tfa que tu utilises pour coder en div, ça te fera un point de repère.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par Doupi Mar 24 Juin 2014 - 19:22

Merci pour cette piste, je vais m'y mettre tout de suite. Very Happy
avatar

Doupi
**

Messages : 56
Inscrit(e) le : 24/09/2012

http://whoruntheworld.superforum.fr/forum
Doupi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par Doupi Ven 27 Juin 2014 - 10:51

J'ai essayé et cela marche bien pour la première partie mais à partir de l'illustration, cela se complique. Personne pour me donner un coup de pouce ?

Voici le code modifié :
Code:
  <table id="menuHaut">
  <tr class="wrapper">
  <td id="adage">«Who Run The World, Quelques fanfictions conjuguées au féminin.»</td>
<td id="navHaut">
<a href="http://whoruntheworld.superforum.fr/h16-magazine"><img alt="Plan du Site" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte24.png" /></a>
<a href="http://whoruntheworld.superforum.fr/f4-la-boite-aux-lettres"><img alt="News" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte22.png" /></a>
<a href="http://whoruntheworld.superforum.fr/c3-storybrooke"><img alt="Tutoriels" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte25.png" /></a>
<a href="http://whoruntheworld.superforum.fr/c7-auditorium"><img alt="Fanfictions" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte27.png" /></a>
<a href="/forum"><img alt="Forum" src="http://i39.servimg.com/u/f39/17/56/20/09/forum_11.png" /></a></td>
</tr></table>
  <div id="fd_haut">
  <table id="header"><tr>
  <td onclick="document.location.href='http://whoruntheworld.superforum.fr/'" id="illu" rowspan="2"><!-- BEGIN switch_logo_left -->
                  <div><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></div>
                  <!-- END switch_logo_left -->
                  <div align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center --></div></td>
<td id="hg" colspan="2">
<p>Who Run The World est une communauté qui s'intéresse aux fanfictions autour de couples lesbiennes (ou bi).
Dans ce but, nous organisons aussi des concours, préparons des "tutoriels", donnons des conseils, ... pour se lancer dans le monde merveilleux des fanfictions.</p><p id="sign">Le Staff</p>
</td></tr>
<tr>
<td id="rs"><p>Rejoignez-nous sur :</p>
<div id="logoRs"><a href="http://whoruntheworld.superforum.fr/chatbox/index.forum"><img alt="Rejoins-nous sur le t'chat" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte30.png" /></a>
<a href="http://www.facebook.com/"><img alt="Rejoins-nous sur Facebook" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte28.png" /></a>
<a href="https://plus.google.com/102858778006234290334/posts/FhDAtbRd6A6"><img alt="Suis-nous sur Google +" src="http://i39.servimg.com/u/f39/17/56/20/09/coolte29.png" /></a>
</div>
</td>
<td id="infoWrw"><p>Ouverture du forum le 03/06/2012<br />Pour nous contacter : <a href="mailto:vandoorenlaura@gmail.com">whoruntheworld@gmail.com</a>
<br /></p></td>
</tr>
</table>
</div>
Edit: et le CSS :
Code:
/***** Entête ****/

table#header {
    height: 250px;
  margin:auto;
    padding-bottom: 10px;
    width: 800px;
}
table#header p.maj {
    font-size: 8pt;
}
table#header td#illu {
    height: 250px;
    width: 450px;
}
table#header td#hg {
    font-size: 10pt;
    font-style: italic;
    height: 250px;
    width: 340px;
}

table#header td#hg p {
    text-align: left;
}
table#header td#hg p#sign {
    margin: 4px 40px 0 0;
    text-align: right;
}

table#header td#rs {
    width: 150px;
}
table#header td#rs div#logoRs {
    text-align: right;
    width: 100%;
}
table#header td#rs div#logoRs img {
    height: 32px;
    margin: 0 5px;
    width: 32px;
}
table#header td#infoWrw {
    font-size: 10pt;
    font-style: normal;
    width: 180px;
}

/**** End Entête ****/

J'ai maintenant la barre de navigation qui se superpose au reste.
Merci
avatar

Doupi
**

Messages : 56
Inscrit(e) le : 24/09/2012

http://whoruntheworld.superforum.fr/forum
Doupi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé dès qu'il y a une résolution différente de 1400x1050

Message par AenigmA Ven 27 Juin 2014 - 11:55

Bonjour,
Je pense que tu y arrives là, fais attention aux padding et margin left et right que l'on oublie souvent pour le total Smile

AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum