AIDE MISE EN PAGE CODE SOURCE IE / FIREFOX

bastinou205 Messages postés 4 Statut Membre -  
bastinou205 Messages postés 4 Statut Membre -
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. graffx Messages postés 120 Date d'inscription   Statut Contributeur Dernière intervention   2 031
     
    ******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 :)
    0
  2. bastinou205 Messages postés 4 Statut Membre
     
    C'est bon j'ai changer mon css , mais je n'ai noté aucun chagement
    0