Discussion :

[blondinUK]

Bonjour,

Je viens de "créer" une page web personnelle. N'ayant aucunes connaissances en programmation HTML, j'ai cherché des templates sur le net et j'en ai adapté un que j'aimais bien.

Quand je regarde mon site sur Firefox, j'ai des problèmes d'alignement : vous pourrez constater que les pages "Home" et "CV" ne sont pas bien alignées avec les autres pages. Ce problème n'apparait pas dans IE7.

Est-ce que quelqu'un avec plus d'expérience que moi pourrait jeter un coup d'oeuil pour voir si il y a quelque chose à faire, ou bien est-ce qu'il faut refaire le site de manière différente? (j'utilise une feuille de style CSS).

Merci d'avance pour votre aide

voici le lien vers ma page : http://www.ucl.ac.uk/~uctpygu/index.html

[blondinUK]

On m'a aussi fait remarqué que sous firefox, les bullets points du menu étaient rectangles et non carrés.

Est-ce un problème qui peut être résolu?

Merci d'avance

[flo.87]

Salut,

As-tu modifié quelque chose ?

Parce que chez moi (Firefox 3.0.5), tous semble s'afficher correctement.

[blondinUK]

Salut Flo,

Non, je n'ai rien changé. Un ami m'a aussi dit qu'il n'y avait pas de problème chez lui avec Firefox (mis à part cette histoire de bullet points carrés).

J'utilise aussi Firefox 3.05 mais j'ai toujours le décalage.

[flo.87]

Peux-tu peux montrer une capture d'écran du décalage ?

Essaie de changer le style des puces dans le fichier CSS au niveau de la zone ".right li"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.right li {
  color:#3B6EBF;
  list-style-type:square;
  margin-bottom:5px;
}

Par exemple, tu peux remplacer "square" par "disc" ou "circle". Est-ce que cela pose aussi des problèmes d'affichage ?

[blondinUK]

En effet, avec des puces disc ou circle il n'y a plus de problème.

Je joins un document word avec deux captures d'écran. Sur l'image du bas, le cadre est décalé vers la droite.

[flo.87]

J'ai trouvé d'où vient ton problème.

La hauteur de la page "teaching" est plus petite que la hauteur de ton navigateur donc il n'y a pas de barre de défilement à droite sur Firefox. (Internet Explorer, lui, met toujours la barre de défilement)

A l'inverse, la page d'accueil ne rentre pas en hauteur, donc le navigateur te rajoute une barre de défilement à droite. Du coup, la totalité de l'écran se retrouve légèrement décalé (et réduit) sur la gauche. Et comme ta page est centrée, elle se décale.

Pour résoudre cela, tu peux forcer l'affichage de la barre de défilement. Édite la balise "body" de ton CSS pour rajouter la propriété "overflow-y" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
body {
  ...
  overflow-y: scroll;
}

[blondinUK]

Salut Flo

Merci beaucoup! Tu as un sacré coup d'œil... Et je ne suis visiblement pas très observateur...

Encore merci pour ton aide, j'espère que ça ne t'as pas trop pris la tête.

[flo.87]

De rien, bon courage pour la suite !