Problème alignement site entre le Header et le Body

Vous souhaitez présenter votre site personnel (galerie photo) afin de recueillir des critiques, venez ici. Il est impossible de créer un fil dans cette section s'il s'agit de votre premier message.
Auteur
Message
jeje6275
Avatar de l’utilisateur
Messages : 2553
Photos : 516
Inscription : 04 Mars 2009
Localisation : Haillicourt (62)
/
Contact :

#1 Message Ven 24 Juil 2015 12:27


Bonjour Ă  tous,
VoilĂ  je rencontre un souci avec mon site sur les pages "RĂ©cit", "Livre d'or", "Liens", "Contact"
En fait je viens de m'apercevoir que la parti sous le menu n'est plus alignée par rapport à l'entête :(
J'ai regardé le codage des pages en question mais là je sèche :oops:
Y aurait il une bonne âme pour m'aider ou m'orienter :mrgreen:
" Une photographie, c'est un fragment de temps qui ne reviendra pas. "

 "Les virus sur mac c'est comme les extra-terrestres, certains en ont vu..." 
5DIV / 400 2.8 IS I / 85 1.8 / 50 1.4 / 17-40-4 / TC 1.4 / TC x2
A6300 / 35 1,8 OSS / Sony AX53 / Ronin SC
Faune et flore /// Ma page FB /// Flickr

octy
Avatar de l’utilisateur
Messages : 268
Photos : 98
Inscription : 31 Août 2014
Localisation : Var (83)

#2 Message Ven 24 Juil 2015 12:50


Bonjour,

tout est bien aligné chez moi (Safari 8.0.7)
244520
#244520: Consulté 3743 fois
Exifs

Mon Site
Mon FB
Mes instas Portraits, Promenades

blade
Avatar de l’utilisateur
Messages : 1299
Photos : 436
Inscription : 16 Sep 2012
Localisation : Pas loin du centre du monde
Contact :

#3 Message Ven 24 Juil 2015 13:18


Sur firefox et IE, si la page d'index est bien alignée, sur les autres en effet il y a un décalage vers la droite du contenu.

Faudrait fouiller tes mises en pages...
Mon mathos : A77+ 16-50/2.8+ 70-200G/2.8 + 70-400G/4-5.6 SSM. +TC x1.4 Kenko + TC x2 Vivitar
http://www.24passion.fr/

round-planet
Avatar de l’utilisateur
DĂ©veloppeur
Messages : 8033
Photos : 1222
Inscription : 05 Juin 2008
Localisation : Grenoble - 38
/
Contact :

#4 Message Ven 24 Juil 2015 13:32


Tu as 3 div, dont je ne suis pas persuadé qu'elles sont toutes fermées; le strong non plus n'est pas fermé - aprè je n'ai pas regardé ce que tu as dans Class = center, mais c'est pas un trop bon nom pour une classe; si ce devait être align, c'est une erreur.

<div align="center"><strong>Le Richmond parc
<div class="center"><div id="content">...

Au travail, tu as du cleanup Ă  faire, semble-t'il...

En + tu as plusieurs div avac la mĂŞme id (content).
Sony Alpha 1 + Alpha 7 M3 + 24-105 F4 + Batis 18 F2.8 + 90 F2.8 Macro + 85 F1.8 + 400 F2.8 + TCs + Sony 100-400 F5.6 + Samyang 14F2.8+ METZ 15 MS-1

Tour du monde photographique: round-planet.com

ben21
Avatar de l’utilisateur
Galeriste
Messages : 14800
Photos : 2329
Inscription : 23 Sep 2010
Localisation : Dijon
Contact :

#5 Message Ven 24 Juil 2015 13:35


tu as fait ta CSS toi mĂŞme?
Si tu parles du décalage du contenu, tu as un padding-left à 100 qui traine, avec un centrage :
(bon j'ai regardé vite fait, je peux me tromper)

(oups grillé par le vert-issime!)
244522
#244522: Consulté 3731 fois
Exifs
Dernière édition par ben21 le Ven 24 Juil 2015 13:42, édité 1 fois.
Éleveur de poussins Fil | Site | Flickr |SIGNATURE 5d4/R6/500IS1/100-400v2 |
« Vivant, je veux bien être modeste, mais mort, il me paraît naturel qu’on reconnaisse mon génie » M. Audiard

TOONS56
Avatar de l’utilisateur
Messages : 13059
Photos : 288
Inscription : 10 Sep 2008
Localisation : A Vannes physiquement et en Savoie mentalement
Contact :

#6 Message Ven 24 Juil 2015 13:39


Atchoum! Je ne comprends rien mais j'espère que tu arriveras à tes fins!
Bon courage!
A7 III | FE 24-105 G| Tamron 17-28/2.8 | Samyang 35/1.8
Mon Flickr MAJ 09/2015

round-planet
Avatar de l’utilisateur
DĂ©veloppeur
Messages : 8033
Photos : 1222
Inscription : 05 Juin 2008
Localisation : Grenoble - 38
/
Contact :

#7 Message Ven 24 Juil 2015 13:44


Oui; il a aussi un padding-right; je pense qu'avant même de regarder le CSS, il faut corriger les balises; pas de résultat prévisible sur un code HTML mal formé.
Sony Alpha 1 + Alpha 7 M3 + 24-105 F4 + Batis 18 F2.8 + 90 F2.8 Macro + 85 F1.8 + 400 F2.8 + TCs + Sony 100-400 F5.6 + Samyang 14F2.8+ METZ 15 MS-1

Tour du monde photographique: round-planet.com

ben21
Avatar de l’utilisateur
Galeriste
Messages : 14800
Photos : 2329
Inscription : 23 Sep 2010
Localisation : Dijon
Contact :

#8 Message Ven 24 Juil 2015 13:45


Pas faux. Entre parenthèses j'avais jamais testé le déboggeur de Chrome, vachement bien la visu des DIV à droite de la CSS!
Éleveur de poussins Fil | Site | Flickr |SIGNATURE 5d4/R6/500IS1/100-400v2 |
« Vivant, je veux bien être modeste, mais mort, il me paraît naturel qu’on reconnaisse mon génie » M. Audiard

jeje6275
Avatar de l’utilisateur
Messages : 2553
Photos : 516
Inscription : 04 Mars 2009
Localisation : Haillicourt (62)
/
Contact :

#9 Message Ven 24 Juil 2015 19:47


Merci Ă  tous pour votre aide, mais lĂ  j'ai beau chercher, essayer divers chose, rien ne marche :zen:
" Une photographie, c'est un fragment de temps qui ne reviendra pas. "

 "Les virus sur mac c'est comme les extra-terrestres, certains en ont vu..." 
5DIV / 400 2.8 IS I / 85 1.8 / 50 1.4 / 17-40-4 / TC 1.4 / TC x2
A6300 / 35 1,8 OSS / Sony AX53 / Ronin SC
Faune et flore /// Ma page FB /// Flickr

jeje6275
Avatar de l’utilisateur
Messages : 2553
Photos : 516
Inscription : 04 Mars 2009
Localisation : Haillicourt (62)
/
Contact :

#10 Message Ven 24 Juil 2015 20:46


Bon la page "récit" c'est bon, il manquais "</div>
"<div id="content"></div>"

Bon sa y est par contre maintenant j'ai la page "récit" qui me fait des sienne, j'ai ajouter sur chaque page juste en dessous de la ligne menu une ligne qui fait également la largeur de l'entête
mais sur la page récit elle traverse toute la page :crise:
" Une photographie, c'est un fragment de temps qui ne reviendra pas. "

 "Les virus sur mac c'est comme les extra-terrestres, certains en ont vu..." 
5DIV / 400 2.8 IS I / 85 1.8 / 50 1.4 / 17-40-4 / TC 1.4 / TC x2
A6300 / 35 1,8 OSS / Sony AX53 / Ronin SC
Faune et flore /// Ma page FB /// Flickr

round-planet
Avatar de l’utilisateur
DĂ©veloppeur
Messages : 8033
Photos : 1222
Inscription : 05 Juin 2008
Localisation : Grenoble - 38
/
Contact :

#11 Message Ven 24 Juil 2015 21:41


Tu ferme ton premier div id= content trop tot! il est tout vide.
Prends tout tes tags un par un et regarde si il englobent bien ce qui est prévu.
Sony Alpha 1 + Alpha 7 M3 + 24-105 F4 + Batis 18 F2.8 + 90 F2.8 Macro + 85 F1.8 + 400 F2.8 + TCs + Sony 100-400 F5.6 + Samyang 14F2.8+ METZ 15 MS-1

Tour du monde photographique: round-planet.com

jeje6275
Avatar de l’utilisateur
Messages : 2553
Photos : 516
Inscription : 04 Mars 2009
Localisation : Haillicourt (62)
/
Contact :

#12 Message Ven 24 Juil 2015 21:44


round-planet a Ă©crit :Tu ferme ton premier div id= content trop tot! il est tout vide.
Prends tout tes tags un par un et regarde si il englobent bien ce qui est prévu.


Tes un chef :commeca:
C'est bon tout Ă  l'air ok, merci
" Une photographie, c'est un fragment de temps qui ne reviendra pas. "

 "Les virus sur mac c'est comme les extra-terrestres, certains en ont vu..." 
5DIV / 400 2.8 IS I / 85 1.8 / 50 1.4 / 17-40-4 / TC 1.4 / TC x2
A6300 / 35 1,8 OSS / Sony AX53 / Ronin SC
Faune et flore /// Ma page FB /// Flickr

jeje6275
Avatar de l’utilisateur
Messages : 2553
Photos : 516
Inscription : 04 Mars 2009
Localisation : Haillicourt (62)
/
Contact :

#13 Message Sam 25 Juil 2015 12:27


Bonjour Ă  tous,
Bon à priori c'est ok ....... mais je viens de m'apercevoir que certaines partis de la page "récits" dépassent par rapport au autre comme par exemple l'élément

"Une photographie, c'est un fragment de temps qui ne reviendra pas."

"Le Richmond parc"

Visuellement sa ne ce vois pas mais des que j'ajoute un élément sa me fou le bordel :mur:
J'ai pensé au CSS mais normalement le CSS si il est ok sur une page, les autres suivent non ?
:zen:
" Une photographie, c'est un fragment de temps qui ne reviendra pas. "

 "Les virus sur mac c'est comme les extra-terrestres, certains en ont vu..." 
5DIV / 400 2.8 IS I / 85 1.8 / 50 1.4 / 17-40-4 / TC 1.4 / TC x2
A6300 / 35 1,8 OSS / Sony AX53 / Ronin SC
Faune et flore /// Ma page FB /// Flickr

Vanson
Avatar de l’utilisateur
DĂ©veloppeur
Messages : 1695
Photos : 428
Inscription : 27 Avr 2015
Localisation : Nantes

#14 Message Mer 04 Nov 2015 18:31


Je prend ma pelle et j’exhume :wow:

jeje6275 a Ă©crit :Bonjour Ă  tous,
Bon à priori c'est ok ....... mais je viens de m'apercevoir que certaines partis de la page "récits" dépassent par rapport au autre comme par exemple l'élément

"Une photographie, c'est un fragment de temps qui ne reviendra pas."

"Le Richmond parc"


Pour moi c'est ok sur Firefox, mais tu as peux être trouvé la solution depuis.

jeje6275 a écrit :J'ai pensé au CSS mais normalement le CSS si il est ok sur une page, les autres suivent non ?
:zen:


Oui, si tu as utilisé les mêmes objets de ton css au même endroit

Et je rajouterais que pour Ă©viter les curieux :nonnon: , rajoute un index.html vide dans ton dossier "galerie".
Sony Alpha SLT-A37 + Obj. Sony DT SAM 18 - 55 mm f/3.5 - 5.6 + Obj. Sony DT 35 mm f/1,8 + obj. Tamron 100 - 300 mm f/5 - 6.3 + obj. Samyang FishEye 8mm f/3.5 + Trépied Vangard Alta CA 234AT + triggertrap + plein de vieux objo

Flickr - Mon fil perso


Revenir vers « Sites personnels »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités