Page 1 sur 1

site explosé sur IE et Mozilla

Publié : 13 août 2007, 15:33
par florian lf
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

Publié : 13 août 2007, 16:04
par calimo
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 :wink:

reponse

Publié : 13 août 2007, 19:20
par florian lf
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

Publié : 13 août 2007, 19:50
par jpbardiau
Image
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

Re: reponse

Publié : 13 août 2007, 21:39
par calimo
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. :wink:

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)

re

Publié : 14 août 2007, 08:34
par florian lf
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 :lol: :P

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

question

Publié : 14 août 2007, 08:38
par florian lf
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

question

Publié : 14 août 2007, 08:41
par florian lf
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

Re: re

Publié : 14 août 2007, 08:41
par calimo
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 :wink:
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 :P Je pense pas que ça doit être très confortable d'être "dans" le web :mrgreen:

la page en div

Publié : 15 août 2007, 12:40
par florian lf
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

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

Publié : 15 août 2007, 12:52
par florian lf
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.
:D

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

Publié : 15 août 2007, 13:00
par jpbardiau
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

Publié : 15 août 2007, 13:04
par calimo
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 :wink:

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/ :wink:

decalage sur IE

Publié : 16 août 2007, 11:11
par florian lf
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