Blog décalé

[Cyke]

Bonjour

J'ai parcouru les questions divers, mais je n'ai rien vu s'apparentant à mon problème. Enfin je crois...

Bref, j'ai fait le design de mon blog toute seule, et je l'aime bien comme ça. Et un jour le bloc "articles" s'est complètement décalé en bas, alors que je n'avais rien touché et qu'à la dernière connexion tout allait bien. Je n'ai rien fait depuis, espérant que ça se remettrait tout seul, mais c'est toujours pareil. Quelqu'un peut-il m'expliquer ce qu'il s'est passé et comment faire ? Je n'ose plus rien toucher, de peur de tout déregler encore plus.

Merci à vous

[Threax]

Bonjour,

Quel est le lien de ce blog, svp ? Afin que nous puissons voir de nous-même

[Cyke]

Merci pour cette réponse rapide, déjà !

Voici le lien :
http://journaldebord.sosblog.fr/index.htm

P.s : je ne l'ai pas mit avant car c'est interdit dans le règlement ^^

[Threax]

Vous n'avez pas rajouté de code CSS ?
(pour vérifier, en mode avancé :
Multiblog, Thème personnalisé, Edition experte)

[Cyke]

Oulà là, c'est du chinois pour moi tout ça

Il y a tout un tas de choses de ce type : body {
border-color: #8F20A7;
border-width: 1;
border-style: groove;
background-image: url('http://img93.imageshack.us/img93/8145/fondn62yj.jpg');
color: #8F20A7;}
body ul, body li {
list-style-position:outside;}

Je n'y comprends rine, à priori je n'ai rien changé entre le moment où mon blog était bien et ça. Justement, j'étais contente du resultat, je ne voulais rien toucher lol

[Threax]

Bon, je vais regarder quand même si le soucis ne vient pas de là, sait-on jamais...
Pouvez-vous me copier/coller ici l'entièreté de ce code ?
(entre les balises [code] et [/code], de préférence ;))

[Cyke]

Voilà, bon courage parce que ça a l'air bien compliqué tout ça !
Au fait, juste pour info, quand j'ai posté un message et que je reviens sur mon blog, il a une apparence "normale" mais en noir et blanc. Si ça peut aider...

Code:

body {
border-color: #8F20A7;
border-width: 1;
border-style: groove;
background-image: url('http://img93.imageshack.us/img93/8145/fondn62yj.jpg');
color: #8F20A7;}
body ul, body li {
list-style-position:outside;}
#header {
border-color: #8F20A7;
border-width: 1;
border-style: groove;
background-color: #8F20A7;
background-image: none;
color: #DFCDE4;
text-align: center;}
#header ul, #header li {
list-style-position:outside;}
#main_content {
border-color: #8F20A7;
border-width: 0.5;
border-style: groove;
background-color: #DFCDE4;
background-image: none;
font-family: Times;
color: #8F20A7;
text-align: justify;}
#main_content ul, #main_content li {
list-style-position:outside;}
#header_title {
color: #DFCDE4;
text-align: center;}
#header_title ul, #header_title li {
list-style-position:outside;}
.post .title {
font-family: Times;
color: #8F20A7;
text-align: center;}
.post .title ul, .post .title li {
list-style-position:outside;}
.post .content {
color: #8F20A7;
text-align: justify;}
.post .content ul, .post .content li {
list-style-position:outside;}
.post {
border-color: #8F20A7;
border-width: 1;
border-style: groove;
color: #8F20A7;}
.post ul, .post li {
list-style-position:outside;}
.post .date {
color: #702F84;
text-align: right;}
.post .date ul, .post .date li {
list-style-position:outside;}
.post .options {
color: #702F84;}
.post .options ul, .post .options li {
list-style-position:outside;}
.post .content .read_all a {
color: #702F84;}
.post .content .read_all a ul, .post .content .read_all a li {
list-style-position:outside;}
.comment {
border-color: #8F20A7;
border-width: 1;
border-style: groove;
background-color: #DFCDE4;
background-image: none;
color: #8F20A7;}
.comment ul, .comment li {
list-style-position:outside;}
#modules_list {
border-color: #8F20A7;
border-width: 0.5;
border-style: groove;
background-color: #DFCDE4;
background-image: none;
color: #8F20A7;}
#modules_list ul, #modules_list li {
list-style-position:outside;}
.module {
border-color: #8F20A7;
border-width: 0.5;
border-style: groove;
background-color: #DFCDE4;
background-image: none;
font-family: Times;
color: #8F20A7;}
.module ul, .module li {
list-style-position:outside;}
.module h3 {
background-color: #8F20A7;
background-image: none;
color: #DFCDE4;}
.module h3 ul, .module h3 li {
list-style-position:outside;}
.module .content {
border-color: #7E419B;
border-width: 0.5;
border-style: groove;
background-color: #DFCDE4;
background-image: none;
color: #8F20A7;
}
.module .content ul, .module .content li {
list-style-position:outside;
}


[Threax]

Bon, ça ne vient pas de ça...
Je vais demander à un technicien de jeter un coup d'oeil ;)

Étant donné que nous sommes en week-end (prolongé), les techniciens ne seront disponibles qu'à partir de lundi ;)

[Ysabel]

Bonjour,

Dans le CSS (l'endroit que Toto a indiqué) il doit y avoir

Code:

#main_content {
background-color:#EAEAEA;
float:right;
height:auto;
margin-right:10px;
overflow:auto;
width:550px;
}

Enlevez tout ça et remplacez par

Code:

#main_content {
background-color:#EAEAEA;
float:left;
height:auto;
margin-right:10px;
overflow:auto;
width:530px;
}

[Cyke]

Bonjour

Désolée, j'avais demandé à être avertie d'une réponse par mail, et je n'ai rien reçu.

Je viens de regarder, mais je n'ai rien qui ressemble à ce que vous me dites

[Ysabel]

Bonsoir,

Dans ce cas ajoutez seulement ce que j'ai donné.
De préférence à la fin de ce que vous avez pour être sur que ça sera bien pris en compte.

[Cyke]

Oh super, c'est revenu. Merci merci merci :chap:

Par contre le fond est blanc, j'imagine qu'il suffit de remplacer EAEAEA par ma couleur ?

[Threax]

Bonjour,

Oui, tout à fait ;)
Remplacez #EAEAEA par le code couleur de votre choix.

Si votre problème est résolu, pensez à cocher l'icône en éditant votre 1er message

[Cyke]

Merci beaucoup, entre temps je l'avais fait et ça marche. Par contre ça a retiré la personnalisation et je n'arrive pas à tout refaire, mais bon, ce n'est pas si grave et beaucoup moins gênant.

Merci encore à tous les deux