problème html ou css

bonjour, je suis étudiant en premiere année superieure et dans le cadre de mon cours de programmation, je dois rélaiser un site web sur certaines propriétés css.

J'ai fais un design sur photoshop puis j'ai essayé de mettre en page avec le css. Seulement voilà j'ai un problème :/ le texte est décallé dans ma fenetre sous firefox et c'est carrement le cadre qui est décallé sous IE7 :( Je ne trouve pas le problème. Es-ce que qqu'un saurais m'aider svp

http://dagda01.goldzoneweb.info/site/

voila l'adresse du site.

Merci

Bonjour!
L'histoire sur le site est chouette:mouarf:, mais inachevée:?8-)
Bref!
Je pense que tu devrais cadrer ton image dans un div ou dans un tableau. Et dans le cas d'un tableau, tu optes pour les % comme mode de dimensionnement.
;)

J'ai essayé de le mettre dans un conteneur div seulement ca ne fonctionne pas mieux. Ce que je ne comprend pas c'est pourquoi mon texte se met en decallé par rapport a mon fond noir :(

Sinon pour le texte c'était juste pour remplir la page :p histoire d'illustrer le problème.

Hello,

Personnellement je tenterais deux choses dans le fichier CSS

Je remplacerais :

Code:

---

1 2 3 4 5 6

#corps p { padding:10px; margin:10px; font-size:0.8em;}

---

Par :
Je remplacerais :

Code:

---

1 2 3 4 5 6 7

#corps p { texta-lign:center; padding:2px; font-size:10px; }

---

Et tout en hautr de ton fichier

Code:

---

1 2 3 4 5 6 7 8 9 10

@charset "utf-8"; /* CSS Document */   * { margin:0px; padding:0px; border:0px; }

---

Par :

Code:

---

1 2 3 4 5 6 7 8 9 10

@charset "utf-8"; /* CSS Document */   BODY { margin:0px; padding:0px; border:0px; }

---

et ici :

Code:

---

1 2 3 4

.definition p { border:1px solid #FFFFFF}

---

Tu as oublié le point virgule de fin

Code:

---

1 2 3 4 5

.definition p { border:1px solid #FFFFFF; }

---

Essaie de faire valider ta feuille CSS pour etre sur que tu n'as pas d'autres erreurs. Il y a des sites qui le font très bien.


@+
cadou

fonctionne tjs pas meme avec ces changements

Je ne vois pas ton problème, sois plus précis, par ailleurs ton encodage n'est pas correct, passe en UTF-8.

Mauvaise idée. Passer le site en UTF-8 risque de faire apparaitre des caractères etranges à la place de tous les accents.

Certains navigateurs, comme firefox et mozilla, s'ils ont une incohérence entre la balise meta et le header http envoyé par le serveur apache concernant l'encodage, donnent la priorité au header http. En html on n'a aucun contrôle de ce header. S'il n'a pas accès au serveur, sa page sera illisible à moins de passer par du PHP pour définir ce header.

En HTML pur, la meilleure façon d'éviter les problèmes est en fait d'utiliser les caractères HTML définis par le standard : é, è, à, etc.

Citation:

---

Envoyé par fenkys

Mauvaise idée. Passer le site en UTF-8 risque de faire apparaitre des caractères etranges à la place de tous les accents.

Certains navigateurs, comme firefox et mozilla, s'ils ont une incohérence entre la balise meta et le header http envoyé par le serveur apache concernant l'encodage, donnent la priorité au header http. En html on n'a aucun contrôle de ce header. S'il n'a pas accès au serveur, sa page sera illisible à moins de passer par du PHP pour définir ce header.

En HTML pur, la meilleure façon d'éviter les problèmes est en fait d'utiliser les caractères HTML définis par le standard : é, è, à, etc.

---

FAUX
Il utilise déjà des caractères non encodés et concernant l'encodage par défaut du serveur Apache, s'il n'est pas en UTF-8, il suffira de forcer l'encodage avec une directive "AddDefaultCharset UTF-8" dans un fichier htaccess !
Que vient faire le PHP là dedans ? :roll:

d'accord mais votre discution ne resout pas vraiment mon problème de texte décallé par rapport au bord de mon conteneur sous firefox, ni le fait que se soit tout mon conteneur qui soit décallé sous internet explorer

Mets ton div corps en float:left et supprime le left.

Parfait merci bcp