Discussion :

[rickgoz]

Bonjour à tous,

Je viens tout juste de créer mon site web.
Voici l'adresse

http://www.akengro.thosting.co.uk/in...goz_index.html

Mon problème est qu'il ne s'affiche pas partout de la même facon, chez moi par exemple cela marche parfaitement alors que chez quelqu'un d'autre (avec le même navigateur (firefox)) ca ne va pas aller...

Si vous avez une idée faite le moi savoir, merci!

[c_s_s]

Bonjour,

Le lien que tu donnes ne semble pas fonctionner.

Peut-être que celui-ci convient : http://www.akengro.t1hosting.co.uk/i...goz_index.html


Après un premier coup d'oeil, je vois que tu utilises des positions absolues. Ca peut poser problème en fonction de la résolution de l'écran.
En effet, tu obliges certains éléments à se placer à une distance précise du bord gauche de la fenêtre du navigateur.
Peut-être que chez toi ça s'affiche bien, mais si quelqu'un à une résolution différente, ces éléments peuvent sembler "décalés".

Tu devrais positionner tes éléments par rapport à un conteneur, et pas par rapport à la fenêtre du navigateur.

[rickgoz]

Désolé effectivement votre lien est le bon.
Oui en effet j'utilise des positions absolue. Je ne connais pas cette notion de conteneur? Comment cela fonctionne t-il?

[Bisûnûrs]

Un peu de lecture :
Div et CSS : une mise en page rapide et facile

[rickgoz]

Existe t-il un moyen pour faire vérifier son code HTML et CSS afin qu'il soit compatible chez tous les visiteurs?

J'ai en effet utiliser un SPAN pour positionner l'image/bordure news verte et un autre SPAN pour positionner le texte situé en dessous de l'image/bordure news verte.

Je peux faire exactement la même chose avec un conteneur ??

[Bisûnûrs]

Tu peux mettre l'image en background, mais bon ..

[c_s_s]

Effectivement il faudrait revoir la structure de la page et enlever les positions absolues.

Il y a moyen de centrer tes éléments sans utiliser cette propriété. En plus ça fonctionnera avec la majorité des résolutions.

Tu pourrais avoir un bloc qui contiendrait l'ensemble de tes éléments. Ensuite, tu n'aurais plus qu'à centrer ce bloc sur la page.

[Madfrix]

Bonjour.

Le fait de vouloir afficher ton texte dans un cadre délimité par une image t'oblige également à bien délimiter le cadre contenu dans l'image.

Chez moi par exemple en resolution 1680x1250 le texte sort de l'image....
Alors qu'au boulot en 1280 la mise en page est correcte.

le mieux à faire dans ce cas la est de creer un div et de mettre ton image en background de ce div. mais comme tu utilises une image qui ne peut pas être "répétée" horizontalement, cela t'oblige à créer des divs de largeur fixes ce qui est dommage je trouve.

Enfin c'est mon avis