Affichage IE6 différent de Firefox

Bonjour,
j'ai besoin d'aide à propos de ma mise en page.
J'essaie de créer un site en utilisant nvu. J'utilise les CSS mais le résultat est une horreur sous IE6
j'ai refait un script basique de mon problême
merci d'avance pour vos infos
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>ESSAI</title>
<style title="sitenico" media="all" type="text/css">
#conteneur { background-color: rgb(153, 0, 0);
}

#titre { background-color: rgb(102, 102, 102);
margin-right: 100px;
margin-left: 100px;
}

#menu { background-color: rgb(255, 255, 204);
float: left;
width: 150px;
margin-left: 100px;
clear: left;
}

#textepub { margin-right: 100px;
margin-left: 250px;
}

#menuhaut { background-color: rgb(255, 255, 204);
margin-right: 100px;
margin-left: 250px;
}

#texte { background-color: rgb(192, 192, 192);
margin-left: 250px;
margin-right: 100px;
}

#pied { background-color: rgb(255, 255, 153);
margin-left: 100px;
margin-right: 100px;
clear: left;
}

#image { margin-left: 100px;
float: left;
background-color: rgb(255, 153, 0);
width: 150px;
}

</style>
</head>
<body>
<div id="conteneur">conteneur<br>
<div id="titre">titre</div>
<div id="image">image<br>
</div>
<div id="menu">menu<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div id="textepub">textepub</div>
<div id="menuhaut">menuhaut</div>
<div id="texte">texte<br>
<br>
<br>
</div>
<div id="pied">pied</div>
<br>
</div>
</body>
</html>
Configuration: Windows XP
Firefox 2.0.0.11

3 réponses

  • Votes
  • Date
  • Date décroissante
  1. Contributeur
    Salut,

    Je t'aurais bien aidé mais IE6 délire complet avec ton code, et ce n'est pas ce que tu crois ...

    Sinon à par ça c'est difficile de comprendre du code qui a été fait avec ce genre de logiciel puisse qu'il n'y a aucune logique, les logiciel ça pense pas, donc s'est d'autant plus dur à déboguer, puisse que comme à la plupart du temps, on a envi de tout refaire.

    Peut être que ceci t'aideras

    https://openclassrooms.com/fr/courses
    http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
    1. merci de ta réponse rapide
      je vais regarder tes 2 liens
      je suis toutefois un peu surpris, j'ai lu beaucoup de bien sur nvu, mais toi tu semble dire que c'est un peu bidon.
      le résultat que j'ai obtenu l'est en suivant ce tuto, qui pour moi (grand débutant HTML comme tu as du le constaté) me semblait très accesible.
      http://infolettres.univ-brest.fr/~cardot/m2lea/TD/TD_nvu_3.pdf
      si je voulait créer mon site avec nvu (parceque j'y ai déjà passé plein de temps) ai-je raison d'insister oubien le résultat sera toujours mauvis sur IE (parceque bon sur Firefox)
      ex de code ci-dessous (en espérant que ce soit pas trop long sur un forum, c'est la première fois que je met un post sur un forum.
      j'ai une autre question conceranant la création de pages et la manières de les imbriquer pour qu'à l'ouverture avec un navigateur on ai un bon résultat mais je pense qu'il faudra que j'ouvre un autre post ):
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <meta content="text/html; charset=ISO-8859-1"
      http-equiv="content-type">
      <title>Mise en page CSS</title>
      <style title="MaFeuilleCSS" media="all"
      type="text/css">
      #conteneur { border: 1px solid rgb(192, 192, 192);
      background-color: rgb(153, 0, 0);
      width: 100%;
      }

      #entete { padding-top: 15px;
      padding-bottom: 15px;
      width: 80%;
      margin-left: 10%;
      background-color: rgb(204, 204, 204);
      color: rgb(153, 0, 0);
      margin-right: 10%;
      }

      #menu { float: left;
      width: 20%;
      opacity: 1;
      margin-bottom: 0px;
      background-color: rgb(255, 255, 204);
      margin-left: 10%;
      margin-top: 4px;
      }

      #texte { border: 4px solid rgb(192, 192, 192);
      padding: 1% 3% 0%;
      text-align: justify;
      margin-left: 30%;
      margin-right: 10%;
      background-color: rgb(153, 153, 153);
      }

      #pied { border-style: solid;
      border-color: rgb(153, 0, 0);
      border-width: 4px 8px 8px;
      clear: left;
      margin-left: 9%;
      margin-right: 9%;
      color: rgb(102, 0, 0);
      background-color: rgb(255, 255, 204);
      padding-top: 1%;
      padding-bottom: 2%;
      }

      h2 { margin-top: 0px;
      }

      h1 { margin-bottom: 0px;
      margin-top: 0pt;
      }

      img { margin-right: 20px;
      float: left;
      }

      #menuhaut { border-color: rgb(255, 255, 204) rgb(153, 153, 153) rgb(153, 0, 0);
      border-width: 4px;
      border-top: 4px solid rgb(255, 255, 204);
      border-bottom: 4px solid rgb(153, 0, 0);
      background-color: rgb(255, 255, 204);
      margin-right: 10%;
      margin-left: 30%;
      }

      #phrasepub { border-style: solid solid none;
      border-top: 2px solid rgb(255, 255, 204);
      border-left: 2px solid rgb(255, 255, 204);
      border-right: 2px solid rgb(255, 255, 204);
      margin-right: 10%;
      padding-right: 1%;
      padding-top: 1%;
      padding-bottom: 1%;
      margin-left: 30%;
      text-decoration: blink;
      }

      #imageaccueil { border-color: rgb(192, 192, 192);
      border-width: 4px;
      margin-top: 4px;
      float: left;
      position: static;
      width: 19%;
      height: 15%;
      margin-left: 10%;
      }

      .imageGauche { margin-right: 20px;
      float: left;
      }

      .imageCentre { text-align: center;
      float: left;
      }

      </style>
      </head>
      <body>
      <div id="conteneur"><br>
      <div id="entete">
      <h1><span
      style="font-family: Arial; color: rgb(255, 255, 255);"> <span
      style="color: rgb(204, 0, 0);">NICOLAS LICKEL</span></span></h1>
      </div>
      <div style="text-align: center;" id="phrasepub"><big
      style="font-weight: bold; font-family: Arial; color: rgb(255, 255, 255);"><big>Your
      Commercial & Multi-Family Specialist</big></big></div>
      <div id="menuhaut">Menuhaut</div>
      <div style="height: 556px;" id="Menu">Menu<br>
      <br>
      <big>About
      Me<br>
      Multi-Family</big><br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </div>
      <div id="Texte">
      <h2
      style="text-decoration: underline; color: rgb(255, 255, 255); font-family: Arial;"><span
      style="font-weight: bold;">About Me</span></h2>
      <h2 style="color: rgb(255, 255, 255);"><span
      style="font-weight: bold;"></span><span
      style="font-size: 10pt; font-family: Arial;" lang="EN-GB"><img
      style="width: 120px; height: 120px;" class="imageGauche"
      src="../site/photo%20Nico.jpg" alt="">I’m a
      French
      citizen and moved to Brevard County from Paris France in
      2006 looking for more sunny beaches for my family and me.<span
      style=""> </span>I grew up in the East of
      France very close
      to Germany. After obtaining an associate degree in management,
      specialising in
      “hotel management”, I moved to Paris and decided to
      purchase my first
      apartment.<span style=""> </span>The
      broker/owner of a Top
      Real Estate-company specialising in first time buyer and rental
      investment
      property noticed me and did whatever was necessary to have me join his
      company
      as an employed sale associate. Since that time, 1996, I am a full time
      Real
      Estate Professional.<o:p></o:p></span></h2>
      <p class="MsoNormal"
      style="text-align: justify; color: rgb(255, 255, 255); font-weight: bold;"><span
      style="font-size: 10pt; font-family: Arial;" lang="EN-GB">After
      4 years on the job<span style=""> </span>and
      being the top producing agent, I became Broker and started my own Real
      Estate
      Company, “S3P Immo”. My speciality in Paris was
      residential investment.<span style=""> </span>My
      brokerage company, with a team of 6 sales
      associates and employees, became a multi-million Producer with over 30
      Million
      dollars worth of of closing from 2000 to 2005. I sold this company in
      2006
      before leaving France for Florida.<o:p></o:p> <!--[endif]--><o:p></o:p></span></p>
      <p class="MsoNormal"
      style="text-align: justify; color: rgb(255, 255, 255); font-weight: bold;"><span
      style="font-size: 10pt; font-family: Arial;" lang="EN-GB">This
      experience as broker owner increased my qualifications in cost
      & income analysis, financing, marketing and team management.
      More than any
      thing else, it created a data bank of investors with mutual trust. <o:p></o:p></span></p>
      <p class="MsoNormal"
      style="text-align: justify; color: rgb(255, 255, 255); font-weight: bold;"><span
      style="font-size: 10pt; font-family: Arial;" lang="EN-GB"><!--[if !supportEmptyParas]--><!--[endif]-->Being
      in the income-producing real estate business brought me the
      opportunity to buy several properties as an Investor and in 2002 I
      started a
      Real Estate Investment company “sci
      Kimé”. This company, owned with several
      partners, is still active.<o:p></o:p></span></p>
      <p class="MsoNormal"
      style="text-align: justify; color: rgb(255, 255, 255); font-weight: bold;"><span
      style="font-size: 10pt; font-family: Arial;" lang="EN-GB">In
      2005, at the request of some of my customers, I entered into the
      “Development and new constructions business” as
      broker owner of “LDL
      Commercialisation”. This development company, with a team of
      3 people, was in
      charge of land acquisition for builders, zoning changes, selling new
      buildings
      and condominiums before construction, customizing floor plans with
      buyers,
      builders architect s and having a high quality relationship with the
      buyers
      until they get their new home key and even after to make sure that
      everything
      was as the builders promised. “LDL
      Commercialisation” worked mainly with
      “Promocéan”, a 30 year experienced
      builder in residential and commercial new
      construction on the French Atlantic Coast and around Paris. (<a
      href="https://www.promocean.fr/">www.promocean.fr</a>)<o:p></o:p> <!--[endif]--><o:p></o:p></span></p>
      <p class="MsoNormal"
      style="text-align: justify; color: rgb(255, 255, 255); font-weight: bold;"><span
      style="font-size: 10pt; font-family: Arial;" lang="EN-GB">I
      got married in 2001. My wife is also a French Broker, a sale associate
      in Florida and has grown in multi real estate businesses. She graduated
      from<span style=""> </span>Brevard
      Community College in 1996
      and introduced me to Florida.<span style=""> </span>Since
      2004 we were thinking of moving to Florida and after a visa process, we
      purchased a Florida Investment Company in business since 1998 and moved
      to
      Brevard County in 2006.<o:p></o:p></span></p>
      <span
      style="font-size: 10pt; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;"
      lang="EN-GB">I’m a Florida sale associate
      in Florida since 2007<br>
      </span><br style="font-weight: bold;">
      </div>
      <div style="text-align: center;" id="Pied">
      <div style="margin-left: 3px; width: 686px;"><small><big
      style="font-weight: bold; font-family: Arial;"><img
      src="images/ERA%20Showcase%20Logo%20bas%20de%20page.gif" alt=""
      style="width: 197px; height: 50px;" hspace="10">101 S
      Courtenay Pkwy. Merritt Island, FL 32592</big><br>
      <span style="font-family: Arial; font-weight: bold;"><span
      style="text-decoration: underline;">Commercial Division :</span>
      Tel (321) 394-7730 Fax (321) 449-9923</span>
      <br>
      </small></div>
      </div>
      </div>
      </body>
      </html>
      1. Contributeur
        Rien ne pourra égalé la compréhension de son propre code, nvu c'est bien, dans son genre, faut il encore adhérer au genre.

        Quitte à passer du temps sur quelque chose autant en tirer un enseignement et donc apprendre l'(x)HTML/CSS. De plus tu pourras un jour si tu le désir aller plus loin avec du PHP.