Easy-Design.Net forum




Aide générale [Réglé] Agrandir la largeur d'un site

m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 10/01/2016 à 16h00
Salut ..

J'aurai besoin d'aide svp.

J'ai en effet envie de changer la largeur de mon site ..

J'ai fais ceci :

Code CSS :
div#global_center {
    background-color: #FBFBFB;
    margin-left: auto;
    margin-right: auto;
    width: 100em;


Seulement, le site part sur la droite, et ne se centre pas :mouais J'ai dû louper quelque chose ..

Merci de m'éclairer, je manque de lumière :dingue
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 10/01/2016 à 18h35
Bonjour Mickael ,

Oui dans ton width, c'est pas 100em , mais 100%.
Essaie comme ça ^^

Swan ;)


swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 10/01/2016 à 18h47
Salut.

J'ai testé plusieurs choses .. Même en px .. Mais le thème se décale toujours sur la droite .. A gauche ça ne bouge pas :)
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 10/01/2016 à 20h55
Re,

C'est pas sur le global-center qu'il faut appliquer les changements sur ton site, mais sur le
global seulement ligne 61 dans ton design.css

Code CSS :
 
div#global {
    margin: auto;
    width: 85%;
}


^^


swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 10/01/2016 à 23h58
Je jette un oeil demain :) .. Merci Swan.
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 11/01/2016 à 08h43
Bonjour.

Tu avais bien raison Swan .. En faite si on passe en %, la largeur du site prend l'espace de 60% de l'écran de l'utilisateur .. Pas mal, sauf pour la bannière qui ne suit pas :D ..

Il existe un moyen en dehors de la supprimer?

Sinon je pense bien être "obligé" de passer en PX et d'agrandir donc la bannière.

Merci
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 11/01/2016 à 10h38
Re, alors je viens de regarder, normalement il est possible d'adapter en css la taille d'une image en l'automatisant en css.

Si le site est affiché en pourcentage , avec le css si dessous la bannière est automatiquement redimensionnée.

Code CSS :
background-size: auto auto;
/* ou */
  background-size: 50% 50%; /* ici en poucentage */



Pour cela il te faut la définir en css dans la class .header position aver url(' images/mon-image.png') etc ... dans ton design.css .. ensuite à toi d'affiner les réglages du positionnement avec le margin auto etc ...

A voir :

- http://www.alsacreations.com/tuto/lire/1390-arriere-plans-css3-background.html
- http://www.w3schools.com/cssref/css3_pr_background-size.asp

Voilà, j'espère que cela t'aidera ^^

Swan.







swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 11/01/2016 à 12h53
Salut et merci.

Si l'image s'agrandit, la qualité sera un peu plus pourri non? Ou si le site rétréci, idem ..

J'ai mis 1200px ce qui convient à 80/90% des configurations de nos jours ..

Je garde tout de même ton astuce en cas que mon choix ne soit pas le bon :top
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie