site explosé sur IE et Mozilla

florian lf · Message par **florian lf** » 13 août 2007, 15:33

Bonjour,
je suis en train de réaliser mon folio,
et il se trouve que je le developpe sur mac,
donc pas de soucis sur safari,
en revanche sur IE et Mozilla sur pc,
c'est vraiment autre chose...

Donc voilà, si quelqu'un souhaite jeter un oeil,
ce serai fantastique.
http://lefauconnier.florian.free.fr/dpi ... f_dpi.html

cordialement

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

calimo · Message par **calimo** » 13 août 2007, 16:04

Oh, des jolis tableaux dimensionnés en pixel ! On est revenu au XXè siècle ?

Le propre de ce type de développement "fixé", c'est que ça passera forcément très mal dans d'autres configurations. Donc il ne faut pas t'étonner.

Sinon, quand tu définis les attributs height et width, tu ne dois pas mettre "px" à la fin

florian lf · Message par **florian lf** » 13 août 2007, 19:20

Salut calimo,

je te remercie pour tes indications,
mais si tu regardes bien, j'ai un tableaux qui me sert à centrer un tableaux
horizontalement et verticalement. il est en %. J'ai redéfini la balise body...

Et à l'intèrieur, j'ai le tableaux principal en pixel et chaque ligne (td)
est égale à 1500px. De même pour la hauteur.

Je me suis mis sur un pc cette aprem, et j'ai retiré la css gauche pour le remplacer par un align left.

De plus, qu'est ce que tu entends par "fixé".

Et ça marche toujours pas.

C'est dingue, sur Safari - c nickel... Mais bon...

Cordialement.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/419.2.1 (KHTML, like Gecko) Safari/419.3

jpbardiau · Message par **jpbardiau** » 13 août 2007, 19:50

Ca ne représente pas beaucoup de monde :
Safari : 0.63%
1400 x 1050 : 1.10%
total : 0.0069%

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; wa; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

calimo · Message par **calimo** » 13 août 2007, 21:39

florian lf a écrit :Salut calimo,

je te remercie pour tes indications,
mais si tu regardes bien, j'ai un tableaux qui me sert à centrer un tableaux

Les tableaux ça sert à présenter des données.
Pour la mise en forme, en 2007 (et même avant), on utilise les CSS.

Maintenant si tu tiens aux tableaux, je répète, dans les attributs height et width on ne rajoute pas "px". On mets simplement width="300" (par exemple).

Ensuite ta page contient des erreurs : http://validator.w3.org/check?verbose=1 ... f_dpi.html
Cela peut provoquer des erreurs (même si les tiennes ont plutôt à voir avec l'accessibilité, ce qui n'est pas moins important).

florian lf a écrit :C'est dingue, sur Safari - c nickel... Mais bon...

Parce que tu as adapté ta page jusqu'à ce que ça fonctionne dans Safari. La même chose s'est vu il y a quelques années avec IE.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firedragon Firefox/2.0.0.6 (Ubuntu-feisty)

florian lf · Message par **florian lf** » 14 août 2007, 08:34

Re-salut,

Tout d'abord merci pour ces indications,
donc le mieux serai de le developper uniquement en div
pour chaque image, sans tableaux.

De plus, penses tu que le soucis proviennent du "px".
Je vais essayer.

Mais il est vrai que mon site est à revoir au niveaux de la résolution.

Merci Calimo pour le liens vers le w3c.
C'est sympa d'avoir pris un peu de ton temps,
je te ferai signe.
Tu travailles dans le web ?

@++++++++++++++++++++++++++++++
et merci encore

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr) AppleWebKit/419.3 (KHTML, like Gecko) Safari/419.3

florian lf · Message par **florian lf** » 14 août 2007, 08:38

Re,

j'ai oublié un truc,
pour les div, je vais essayer de m'expliquer clairement.

Mettons la premiere div, je lui attribut un float left afin que les
images de la meme ligne se collent à droite,
et pour passer à la lignes, j'utilise un clear left.

Est cela ?

Merci d'avance...

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr) AppleWebKit/419.3 (KHTML, like Gecko) Safari/419.3

florian lf · Message par **florian lf** » 14 août 2007, 08:41

Re,

j'ai oublié un truc,
pour les div, je vais essayer de m'expliquer clairement.

Mettons la premiere div, je lui attribut un float left afin que les
images de la meme ligne se collent à droite,
et pour passer à la lignes, j'utilise un clear left.

Est cela ?

Merci d'avance...

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr) AppleWebKit/419.3 (KHTML, like Gecko) Safari/419.3

calimo · Message par **calimo** » 14 août 2007, 08:41

florian lf a écrit :Re-salut,

Tout d'abord merci pour ces indications,
donc le mieux serai de le developper uniquement en div
pour chaque image, sans tableaux.

Non, le mieux amha c'est d'utiliser la sémantique du HTML.
un <p> pour un paragraphe, un <hn> pour un titre avec n de 1 à 6, etc

Une petite introduction : http://www.tuteurs.ens.fr/internet/web/html/bases.html

C'est dommage de négliger tous ces éléments

florian lf a écrit :Tu travailles dans le web ?

Euh, non, là je suis assis sur une chaise

Je pense pas que ça doit être très confortable d'être "dans" le web

florian lf · Message par **florian lf** » 15 août 2007, 12:40

Re,

j'ai trouvé la solution avec les div,
le truc est que je vé galèré pour une page specifique en div.

je fais une capture de ce que je veux en div.

http://lefauconnier.florian.free.fr/dpi ... intro.html

Merci

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr) AppleWebKit/419.3 (KHTML, like Gecko) Safari/419.3

florian lf · Message par **florian lf** » 15 août 2007, 12:52

Re,
j'aimerai savoir comment faire pour
avoir cette structure en div.

Si quelqu'un peut me répondre,
ce serai fantastique,
ou me rediriger vers un site adapté à cela.

Cordialement.

http://lefauconnier.florian.free.fr/div.jpg

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/419.3 (KHTML, like Gecko) Safari/419.3

jpbardiau · Message par **jpbardiau** » 15 août 2007, 13:00

Tu peux t'inspirer des gabarits d'Alsacreations

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; wa; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

calimo · Message par **calimo** » 15 août 2007, 13:04

Bon, je crois que tu fais fausse route

Déjà tu ne va pas faire ta mise en page "en div" mais "avec les CSS". Les div ne sont qu'un outil (parmi d'autres) pour y arriver.
Ensuite, la mise en page CSS ne se fait pas comme des tableaux. Il ne faut pas découper la page en plein de cellules. Au contraire, la première chose à faire pour réussir une page c'est de baliser le contenu. Mettre les paragraphes entre <p> et </p> par exemple, les titres dans <h[1-6]> et le menu dans une liste. Tu pourras toujours par la suite tranformer ça plus tard en images avec textes alternatifs si nécessaire. Pour le reste, je t'ai donné le lien plus haut pour apprendre quelques bases de la sémantique html

Ensuite tu pourras positionner tes éléments comme tu veux, en rajouter quelques div là où c'est strictement nécessaire (a priori il ne devrait même pas y en avoir besoin ici, et en tous cas pas plus d'1 amha). Il y a de très bons tutos sur le positionnement. Le tien est manifestement très simple et ne devrait pas poser de problème !

Il y a aussi quelques travers dans lesquels il ne faut pas tomber. N'utilise pas les div et les class à outrance, tu perdrais tous les avantages de la mise en page en css (simplicité, facilité de mise à jour, etc).

Hop, un dernier petit lien : http://www.cybercodeur.net/weblog/prese ... s/seybold/

florian lf · Message par **florian lf** » 16 août 2007, 11:11

Re,

c'est encore moi,

j'ai un soucis sur une page,
j'ai un decalage sur IE.

http://lefauconnier.florian.free.fr/dpi ... illus.html

sur cette page vous trouverez la css qui va avec ce doc "graphisme.css"
http://lefauconnier.florian.free.fr/dpi_agency/styles/

Cordialement...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Geckozone

site explosé sur IE et Mozilla

site explosé sur IE et Mozilla

reponse

Re: reponse

re

question

question

Re: re

la page en div

structure en div sur http://lefauconnier.florian.free.fr/div

decalage sur IE

Qui est en ligne ?