Bonjour à Tous,

J'ai longuement parcouru le site d'alsacreations, ainsi que d'autre et y ai appris de nombreuses choses. Un grand merci !

Je suis en train d'essayer d'adapter une galerie photo pour un ami illustrateur: Tout se passe bien sous Safari, et Firefox, presque bien sur I.E Mac (le contenu sur fond vert est un peu trop haut): mais sur I.E 6 PC j'ai tout qui fout le camp à droite...

Je suis assez dégouté, compte tenu du temps que j'y ai passé, et en même temps je n'ai pas envie de renoncer... tellement les css ont l'air riche: si qqu'un peu m'aider, je serais vraiment content:

Voici l'adresse de la page:
http://chalvin.free.fr/test/references.html
et la feuille de style est :

http://chalvin.free.fr/test/2bgal.css

n.b: j'ai tout en dynamique sur mon mac, mais sur le serveur je n'ai mis que la sauvegarde du code en html

Merci d'avance
La première chose qui me saute aux yeux, c'est le nombre de div employé.
Je ne suis pas sûr que tu es besoin d'autant de div.

La div permet surtout de créer un "bloc" qui n'a pas d'élément html équivalent.

Hors parfois (et même plus souvent qu'on ne le croit), il existe des éléments bloc html qui peuvent parfaitement remplacer les div.

Personnellement, je vois plutôt les div pour faire la structure générale du site, pas pour spécifier "les blocs dans les blocs dans les blocs.."

Je vais jeter un oeil plus en détail sur le code, voir si je trouve ce qui cloche.
Modifié par Paul-Hewson (07 Sep 2006 - 14:41)
Merci Paul-Hewston, pour ta répone et d'avoir pris le temps de jetter un coup d'oeil.

C'est vrai qu'il y a bcp de Div, car cette page est déclinée à partir des pages de la galerie et de l'album (et puis aussi car je voulais éviter d'employer des tableaux, ce que je n'ai pas réussi totalement à faire) et pouvoir centrer verticalement le contenu, sans pour autant connaitre la taille des images qui s'afficheront.

Pour peut être mieux comprendre mon approche: il est possible de voir les autres pages (et j'ai un soucis d'ailleurs sur I.E 6 PC avec l'image "chalvin" qui est décalée vers le haut):
http://chalvin.free.fr/test/index.html
http://chalvin.free.fr/test/album.html
http://chalvin.free.fr/test/serie.html

Normalement il devrait y avoir des images mais je ne les ai pas mise sur le serveur (sur firexfox, on ne voit pas qu'elle manque, et sur i.e on ne voit que le alt ou le title, il me semble).
Modifié par st123 (07 Sep 2006 - 16:05)
C'est bon j'ai trouvé:

text-align: center;
Modifié en :
text-align: left;
Dans un div qui encadrait le contenu

Mais j'ai toujours un soucis sur l'alignement vertical dans le bandeau vert (tant pis je passerais peut être par un taleau de 100% de hauteur)

Merci à ceux qui se sont penché sur le pb Smiley smile
Modifié par st123 (08 Sep 2006 - 12:19)