Affichage IE6 différent de Firefox

Nick13 -  
s.spark Messages postés 2528 Statut Contributeur -
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

  1.
    s.spark Messages postés 2528 Statut Contributeur 618
     
    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
    0
  2. Nick13
     
    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>
    0
  3. s.spark Messages postés 2528 Statut Contributeur 618
     
    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.
    0

Discussions similaires

Excel formule : nb.si.ens et critère "différent de vide"
lelion4 -
Mick -

11 réponses
Méssage Firefox ''Couldn't load XPCOM''
pistouri -
pistouri -

0 réponse
league of legend impossible d'initialiser le dispositif d'affichage
pascontent -
Tsagax -

5 réponses
NB.SI.ENS Cellule différente de vide
Quentin -
eriiic -

2 réponses
Formule : Nb.si.ens(plage1;non vide...)
Morgan13300 -
Morgan13300 -

2 réponses