Ce n'est pas faute d'avoir cherché, mais désolée, je n'ai pas trouvé exactement ce que je voulais, d'où ce message :

Le design que j'ai choisi pour ce nouveau blog a une largeur trop petite par rapport à l'écran de l'ordi.  Surtout si on est dans une structure à 3 colonnes, il ne reste pas beaucoup de place finalement pour les articles au milieu !

Donc, comment faire pour que mon blog soit plus large ?

Merci d'avance

Nanou

Tu peux l'agrandir de 200px en ajoutant ces deux lignes dans ton Css :

#global {padding:0px; margin:0 auto; width:1000px;}

#cl_1_1    {margin:0px 5px; width:585px; padding:0 5px;}

Merci !

Nanou

Bonjour,

Je crois que je vais avoir besoin de la même chose que Nanou. Mais moi, j'y connais pas grand chose en CCS!

Je viens de mettre en mode avancé pour voir, mais ca m'a pas aidé. ou faut-il rajouter ces deux lignes exactement?

merci!

aurelie

En fait je viens de trouver!

mais ce n'est pas exactement ce qu'il me faut!

J'aurais voulu agrandir la largeur des colonnes de droite et de gauche ainsi que la largeur des articles, pour qu'il n'y ai plus 5cm vide de chaque côté de l'écran.. help?!

merci

Attention, si ta structure est différente, les lignes ne seront pas forcément identiques....

#global {padding: 0px; margin: 0 auto; width:1000px;}

celle-ci, c'est la largeur global du blog, tu peux passer à 1000, et les 200, dans ton cas actuel, tu les ajoutes là :

#cl_1_0    {margin:0px; width:785px; padding:5px;}

Si tu changes de structure, sache que #cl_1_0 = la colonne la plus à gauche, #cl_1_1 sur la droite de celle d'avant, et ainsi de suite pour #cl_1_2....

Attention, l'exemple au-dessus était valable pour ton blog avec 1 col à droite.

Pour ton cas actuel, tente de comprendre la logique de ce que j'ai décrit sous mon exemple ! 

Merci pour ta réponse, je vais essayer de décripter ton message!! 

#global {padding:0px; margin:0 auto; width:1000px;}

#cl_1_0, #cl_1_2 {margin:0px; width:230px;}
#cl_1_1    {margin:0px 5px; width:530px; padding:0 5px;}

En ajoutant ces lignes, tu agrandis l'ensemble, modules et articles... 

Merci! ca m'aide plus!

Par contre, en bidouillant avant que tu me donnes ces lignes, j'ai dû changer quelque chose.. car là ca ressemble plus à rien! la colonne de gauche est en haut, celle de droite est en bas! :s

#global {padding:0px; margin:0 auto; width:1000px;}

#cl_1_0, #cl_1_2 {margin:0px; width:230px;}
#cl_1_1    {margin:0px 5px; width:515px; padding:0 5px;}

plutôt que

#global {padding:0px; margin:0 auto; width:1000px;}

#cl_1_0, #cl_1_2 {margin:0px; width:230px;}
#cl_1_1    {margin:0px 5px; width:530px; padding:0 5px;}

parce que là, en tenant compte des marges intérieures et extérieures (margin et padding), la somme des largeurs de tes colonnes dépasse la largeur totale fixée dans #global. D'où débordement vertical (une des colonnes passe dessous )

merci, c'est redevnu normal!

mais j'ai toujours 5cm de vide sur les côtés.. c'est peut-être normal?

merci

ça dépend de ce que tu souhaites obtenir

Tu as donné à ton blog une largeur fixe de 1000px, donc sur un écran de 1024*728 par exemple, il n'y aura qu'un faible espace de chaque côté. sur un écran 800*600, ton blog s'affichera avec un ascenseur horizontal (trop large pour l'écran) et sur un écran 1280*1024 ou plus, tu auras un large espace de chaque côté.

Si tu veux que la largeur de ton blog s'adapte à la résolution d'écran du visiteur, il faut exprimer les largeurs du blog en % et non en px

genre

#global {padding:0px; margin:0 auto; width:100%;}

#cl_1_0, #cl_1_2 {margin:0px; width:22%;}
#cl_1_1    {margin:0px 1%; width:51%; padding:0 1%;}

c'est à toi de voir ce que tu veux. Largeur fixe ou blog élastique 

Merci beaucoup, j'y connais vraiment rien.

Oui, je pense que c'est mieux que le blog s'adapte à l'écran de la personne qui le regarde.

J'ai copié/collé ce que tu m'as mis, c'est bon.

merci!

Rebonjour,

J'avais rajouté la ligne dans le CSS de façon à ce que ça s'adapte à la largeur de l'écran de la personne, mais je suis allée voir mon blog depuis un autre ordi, et des photos étaient tronquées... qu'est ce que je peux faire ?

merci

aurelie

edit : personne ne répond. j'ai vraiment besoin d'aide! ca serait un blog perso, je m'en préoccuperais pas trop, mais c'est un blog pour un artiste..

Bonjour,

Je suis moi-même en train de découvrir toutes ces choses. Une hypothèse : l'écran du second ordinateur sur lequel vous avez testé votre blog, n'est peut-être pas réglé à 100%

S'il l'est à 125%, votre blog n'y peut rien s'il y a des photos qui se rognent... (D'où peut-être l'intérêt des marges d'origine, celles que nous essayons à tout prix de faire sauter !)

Sylvain