Pages édité avec Mozilla mal mise en page si chargée avec

Ludo RA · Message par **Ludo RA** » 19 juil. 2004, 13:05

Salut!

J'ai créé un site à partir du composeur de mozilla1.5.
http://association.soleils.chez.tiscali.fr/
Pb: si on la charge avec IE, toute la mise en page du bandeau à gauche n'est plus respectée.
Comment faire? (sachant que c'est bourré de tableaux dont le format est censé être proportionnels à la taille de la fenêtre).

Merci et à bientôt,

Ludo

jv2759 · Message par **jv2759** » 19 juil. 2004, 13:27

De maniére générale une présentation avec un melange de css et de tableaux c'est plutot risquer...

en plus on trouve des chose tres surprenante comme par exemple :

Code : Tout sélectionner

<img
 src="../outils/image1.gif" alt="Image 1"
 style="width: 100%; height: 100%;">

je ne sais pas ce que cela peux vouloire dire?

Code : Tout sélectionner

          </tr>
          <tr>
          </tr>
          <tr>

des case vide avec rien dedans n'ocupe pas de place.

dans la pages principale :

Code : Tout sélectionner

<!--[if gte vml 1]><v:shapetype id="_x0000_t75"
 coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
 filled="f" stroked="f">
 <v:stroke joinstyle="miter"/>
 <v:formulas>
  <v:f eqn="if lineDrawn pixelLineWidth 0"/>
  <v:f eqn="sum @0 1 0"/>
  <v:f eqn="sum 0 0 @1"/>
  <v:f eqn="prod @2 1 2"/>
  <v:f eqn="prod @3 21600 pixelWidth"/>
  <v:f eqn="prod @3 21600 pixelHeight"/>
  <v:f eqn="sum @0 0 1"/>
  <v:f eqn="prod @6 1 2"/>
  <v:f eqn="prod @7 21600 pixelWidth"/>
  <v:f eqn="sum @8 21600 0"/>
  <v:f eqn="prod @7 21600 pixelHeight"/>
  <v:f eqn="sum @10 21600 0"/>
 </v:formulas>
 <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:205.5pt;
 height:139.5pt'>
 <v:imagedata src="file:///C:\DOCUME~1\Afaf\LOCALS~1\Temp\msohtml1\01\clip_image001.png"
  o:title="INAUG2"/>
</v:shape><![endif]--><!--[if !vml]-->

c'est quoi cette horeure?

cela ne doit pas venir du composeur mozilla...

Code : Tout sélectionner

<big><big><big><big><big><big><big><big><big><big><big><big><big>

Un seul sufit emplement...

Franchement le mieux à mon avie c'est de refaire les pages en essayant d'utiliser le moins d'element de mise en pages. Car là il y en à trop on n'arrive pas à si retrouver. Et en particulier les pourcentagle, il y en as de partout, c'est trop lour à mon avie, met uniquement le stric neccesaire, cela seras plus simple à travailler apres...

Ludo RA · Message par **Ludo RA** » 19 juil. 2004, 13:47

Salut!

Merci pour la réponse rapide.
Si j'ai mis des pourcentages partout, c'était justement pour éviter les pb de changements de navigateur, ou de paramètrage de navigateur ... ou de l'écran.
Je me suis dit que si je mettais des tailles en pixel, je prenais de gros risques de pb de mise en page.
Me serais-je trompé?
En pixel, êtes vous sûre que ça se passera bien, ou mieux?

Pour ce qui est de l'insertion d'image "Case vide" pour combler une cellule ou je ne souhaite pas faire apparaître l'image qui devrait y être, ben ... la taille des cellules étant dépendante de leur contenu, je me suis dis que ça serait le meilleur moyen d'éviter un changement de mise en page.
Me serais-je trompé?
Que faire alors? Codé la taille de la cellule en pixel?
En pixel, êtes vous sûre que ça se passera bien, ou mieux?

Pour toutes les autres remarques, je ne comprend pas bien ce que font ces codes dans les pages. Je ne suis pas passé par la vue html pour les éditées. C'est donc le composeur qui les a généré lorsque je bidouillais sur la vue "normal".

en attendant les réponses à ces nouvelles questions,
encore merci pour cette première réponse,

jv2759 · Message par **jv2759** » 19 juil. 2004, 14:28

Je vien de refaire ta premiere pages :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <style>
    body, html {
	    width: 100%;
	    height: 100%;
    }

    .positionDuContenut{
    	possition: absolute;
    	top: 10%;
    	left: 10%;
    	position: absolute;
    	text-align: center;
      vertical-align: middle;
      font-family: lucida calligraphy;
	    width: 80%;
    }
    
    .tailleImage{
	    width: 100%;
	    height: 100%;
    }

  </style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 204, 51);" alink="#000099" link="#000099" vlink="#990099">
<div class=positionDuContenut>
  <a target="_top" href="http://association.soleils.chez.tiscali.fr/presentation/presentation.htm">
    <div class=tailleImage>
      <img src="bandeau_data/panier.gif" alt="Panier" style="border: 0px solid ; width: 100%; height: 100%;">
    </div>
  </a>
  <br>
  <br>
  <big>
    Manger ce n'est pas seulement <br>
    se nourrir, <br>
    c'est aussi <br>
    prendre du plaisir, partager avec autrui, <br>
    s'inscrire dans un cadre social.
  </big>
</div>

</body>
</html>

elle seras beaucoup plus simple à gére et elle semble marchais aussi bien sur les deux, et surtout elle fait 2* moins de ligne...

Pour posisioner au par raport au bord modifie :

Code : Tout sélectionner

    .positionDuContenut{
    	top: 10%;
    	left: 10%;
}

et pour modifier la taille de limage proportionelement :

Code : Tout sélectionner

    .positionDuContenut{
	    width: 80%;
    }

Jigho · Message par **Jigho** » 19 juil. 2004, 16:03

Ludo RA a écrit : Si j'ai mis des pourcentages partout, c'était justement pour éviter les pb de changements de navigateur, ou de paramètrage de navigateur ... ou de l'écran.
Je me suis dit que si je mettais des tailles en pixel, je prenais de gros risques de pb de mise en page.
Me serais-je trompé?
En pixel, êtes vous sûre que ça se passera bien, ou mieux?

Tu as raison, il vaut vieux des tailles relatives (%, em) que des tailles absolues (px).
Mais ce que veux dire jv, c'est que ce n'est pas une raison pour en mettre partout.
Laisse un peu le navigateur se débrouiller. Ne lui spécifie des choses que quand c'est nécessaire. A spécifier trop de choses, tu risques d'avoir des ordres incompatibles...

SB · Message par SB » 19 juil. 2004, 16:49

De manière générale il vaut mieux éviter les frames. Regarde ici.
Tu peux corriger tes pages à l'aide du valideur du W3C, ce qui réduira les différences d'affichage entre les navigateurs.

Geckozone

Pages édité avec Mozilla mal mise en page si chargée avec

Pages édité avec Mozilla mal mise en page si chargée avec

Que faire à la place des pourcentages?

Re: Que faire à la place des pourcentages?

Qui est en ligne ?