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.
Avatar de l’utilisateur
jeje6275
Messages : 2553
Inscription : 04 Mars 2009
Localisation : Haillicourt (62)
/
Contact :

Problème alignement site entre le Header et le Body

Messagepar jeje6275 » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar octy » Ven 24 Juil 2015 12:50

Bonjour,

tout est bien aligné chez moi (Safari 8.0.7)
244520
244520 (79.29 Kio) Consulté 4034 fois
Exifs

Mon Site
Mon insta Promenades

Avatar de l’utilisateur
blade
Messages : 1354
Inscription : 16 Sep 2012
Localisation : Pas loin du centre du monde
/
Contact :

Re: Problème alignement site entre le Header et le Body

Messagepar blade » 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/

Avatar de l’utilisateur
round-planet
Développeur
Messages : 8044
Inscription : 05 Juin 2008
Localisation : Grenoble - 38
/
Contact :

Re: Problème alignement site entre le Header et le Body

Messagepar round-planet » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar ben21 » 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!)
Pièces jointes
244522
244522 (97.54 Kio) Consulté 4022 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar TOONS56 » 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

Avatar de l’utilisateur
round-planet
Développeur
Messages : 8044
Inscription : 05 Juin 2008
Localisation : Grenoble - 38
/
Contact :

Re: Problème alignement site entre le Header et le Body

Messagepar round-planet » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar ben21 » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar jeje6275 » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar jeje6275 » 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

Avatar de l’utilisateur
round-planet
Développeur
Messages : 8044
Inscription : 05 Juin 2008
Localisation : Grenoble - 38
/
Contact :

Re: Problème alignement site entre le Header et le Body

Messagepar round-planet » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar jeje6275 » 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

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

Re: Problème alignement site entre le Header et le Body

Messagepar jeje6275 » 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

Avatar de l’utilisateur
Vanson
Développeur
Messages : 1698
Inscription : 27 Avr 2015
Localisation : Nantes

Re: Problème alignement site entre le Header et le Body

Messagepar Vanson » 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 1 invité