AIDE MISE EN PAGE CODE SOURCE IE / FIREFOX

Bonjour,

Je tiens donc à vous remercier d'avance, je ne m'y connais pas trop en code source
Mon probème est simple, sous ie mon site apparait mal ( sauf la page d'accueil) le menu part vers la gauche etc... mais sous firefox il ressort très bien
MON SITE : https://www.118712.fr/sortir.html

J'attend vos réponses avec impatiente
Configuration: Windows XP Internet Explorer 7.0

2 réponses

  1. C'est bon j'ai changer mon css , mais je n'ai noté aucun chagement
    1. Contributeur
      ******OUILLE********

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <script></script>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

      <meta content="MSHTML 5.50.4522.1800" name="GENERATOR" />
      <title>LIVIA</title>

      <link href="004.ico" rel="SHORTCUT ICON" />

      <meta name="keywords" content="" />

      <meta name="description" content="" />

      <link href="default.css" rel="stylesheet" type="text/css" media="screen" />

      <meta content="MSHTML 5.00.3105.105" name="GENERATOR" />

      <link href="style.css" rel="stylesheet" type="text/css" />

      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

      ---------------------------------------------

      deja ton fichier "default.css" n' existe pas.

      ensuite, ca sera mieux avec ton css de "style.css" que voici:

      html, body {
      margin : 0;
      padding : 0;
      }
      body {
      font : 73% Arial, Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;
      background : #D5DBE1;
      color : #555;
      }
      /*WRAP*/
      #wrap {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      }
      /*BANNER*/
      #masthead {
      height:200px;
      padding: 0;
      margin-bottom: 0;
      background: #B5B5B5 url(images/masthead.jpg) top center no-repeat;
      }
      /*MAIN CONTAINER*/
      #container {
      width: 770px;
      border: 0px solid #aaa;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      line-height: 1.8em;
      }
      /*TOP NAVIGATION*/
      #menu {
      height: 50px;
      padding: 0;
      margin-bottom: 0;
      background-color: #D5DBE1;
      }
      #menu{position:relative;display:block;height:21px;font-size:1em;
      font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;
      font-family:Arial,Verdana,Helvitica,sans-serif;}
      #menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
      #menu ul li{display:block;float:left;margin: 0 1px 0 0;}
      #menu ul li a{display:block;float:left;color:#333;text-decoration:none;
      padding:4px 20px 0 20px;height:18px;}
      #menu ul li a:hover,#menu ul li a.current{color:#000;
      background:transparent url(images/bgON.gif) repeat-x top left;}
      /*MAIN CONTENT*/
      #content {
      padding: 1em;
      margin: 0 320px 0 0;
      background: #D5DBE1;
      }
      /*SIDEBAR*/
      #sidebar {
      float: right;
      width: 280px;
      margin: 15px 0 0 0;
      padding: 0 1em 0 1em;
      background:#EBEBEB;
      }
      /*SIDE NAV*/
      #navcontainer {
      width : 280px;
      margin : 0 0 20px 0;
      }
      #navcontainer ul {
      margin-left : 0;
      padding-left : 0;
      list-style-type : none;
      }
      #navcontainer a {text-decoration : none;
      display : block;
      padding : 3px;
      width : 280px;
      border-bottom : 1px solid #eee;
      background : #D5DBE1;
      color : #666;
      }
      #navcontainer a:link, #navlist a:visited {
      color : #666;
      background : #D5DBE1;
      }
      #navcontainer a:hover {text-decoration : none;
      background : #C9D2DF;
      color : #fff;
      }
      /*FOOTER*/
      #footer {
      clear: both;
      height: 100px;
      padding: 0;
      margin-top: 20px;
      text-align: center;
      color: #333;
      background: #B5B5B5 url(images/footer.jpg) top center no-repeat;
      }
      /*TYPOGRAPHY*/ h1 {
      margin: 0;
      padding: 20px 0 20px 5px;
      font-size: 160%;
      letter-spacing: 3px;
      color: #333;
      }
      blockquote {
      font-weight : bold;
      font-style : italic;
      color : #b29b35;
      }
      /*IMAGES*/
      .right {
      float: right;
      border: 0px solid #656C4A;
      margin: 5px 0 10px 0;
      padding: 10px;
      }
      /*LINKS*/
      a:link, a:visited {
      color : #DD618A;
      background : inherit;
      text-decoration : underline;
      }
      a:hover {
      color : #666;
      background : inherit;
      text-decoration : none;
      }
      a img {
      border: 0;
      }

      #alignement{
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      }

      Voila, la on va pouvoir t' aider :)