Chargement en cours...
Connexion au forum informatique de Sur-la-Toile
La discussion « Très gros problème d'affichage » se trouve dans le forum « Programmation »
Statut de la discussion » Très gros problème d'affichage « ( sans réponse)

Très gros problème d'affichage

» Liste des Forums » Programmation » Discussion

Le 10-05-2007 à 18:11 #

Bonjour à tous, j'ai quelques petit problème avec mon site (http://vision1manga.olympe-network.com/acceuil.php) comme vous pouvez le constater sous IE on vois juste le menu, et sous Firefox pas le fond ni rien et je ne sais absolument pas d'où ça viens donc voila les codes etc...

Code de ma page index.php :

Code: 
  1.   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  2.   <html xmlns="http://www.w3.org/1999/xhtml">

  3.   <head>

  4.   

  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  6.     <title>Bienvenue !</title>

  7.   

  8.   

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

  10.   

  11.   </head>

  12.   

  13.   

  14.   <body>

  15.   

  16.   <!--******************** CADRE PRINCIPAL ******************** -->

  17.   <div id="visionmanga"><!--******************** HEADER ******************** -->

  18.   <div id="header">

  19.   <h1>vision manga.com</h1>

  20.   

  21.   </div>

  22.   

  23.   <!--******************** INTRO ******************** -->

  24.   <div id="intro">

  25.   <p><a href="http://validator.w3.org/check?uri=referer">::

  26.   xhtml ::</a>

  27.   <a href="%20http://jigsaw.w3.org/css-validator/check/referer">::

  28.   css2 ::</a>

  29.   decoupe et mise en page xhtml / css : <a href="http://www.decoupe-fr.net/forums/index.php">::

  30.   decoupe-fr.net ::</a> </p>

  31.   

  32.   </div>

  33.   

  34.   <!--******************** LEFTBAR Menu Gauche ******************** -->

  35.   <div id="leftbar">

  36.   <h2><img src="menu1.jpg" alt="menu 1" /></h2>

  37.   

  38.   <ul>

  39.   

  40.     <?php include("menu.php");?>

  41.   

  42.     

  43.   

  44.   </div>

  45.   

  46.   <!--******************** RIGHTBAR Menu Droit ******************** -->

  47.   <div id="rightbar">

  48.   <h2><img src="menu2.jpg" alt="menu 2" />

  49.   

  50.   <?php include("menu2.php");?> 

  51.   

  52.   

  53.   </div>

  54.   

  55.   <!--******************** CONTENT Centre ******************** -->

  56.   <div id="content">

  57.   <h2 style="margin-left: 40px;"><img src="h2content.jpg" alt="" /></h2>

  58.   

  59.   <br />

  60.   

  61.   <div style="text-align: center; font-weight: bold;"><big><big>On

  62.   as Changé d'hebergeur !<br />

  63.   

  64.   </big></big>

  65.   <p style="text-align: left; margin-left: 40px;" class="MsoNormal"> </p>

  66.   

  67.   <div style="text-align: left; margin-left: 40px;"></div>

  68.   

  69.   <p style="text-align: left; margin-left: 40px;" class="MsoNormal"><big>Ehhhh oui, on as changer

  70.   d'hébergeur on a préférer un

  71.   gratuit ^^ les pages devraient être toutes

  72.   opérationnelles d'ici 4 à 5 jours

  73.   d'ici la faites autre chose ^^.<br />

  74.   

  75.   <br />

  76.   

  77.   Cordialement<br />

  78.   

  79.   <br />

  80.   

  81.   Les administrateurs

  82.   

  83.   <div style="text-align: left; margin-left: 40px;"></div>

  84.   

  85.   <p style="text-align: left; margin-left: 40px;" class="MsoNormal"><big><span style=""> </span></big></p>

  86.   

  87.   </div>

  88.   

  89.   <p class="MsoNormal"> 

  90.   

  91.   <div style="margin-left: 40px;"><big><br />

  92.   

  93.   </big></div>

  94.   

  95.   </div>

  96.   

  97.   <!--******************** FOOTER ******************** -->

  98.   <div id="footer">

  99.   <form action="page.php">

  100.     <p><label for="log">Login<input id="log" type="text" /></label> <label for="pass">Mot

  101.   de Passe<input id="pass" type="password" /></label>

  102.     <input id="sub" value="validez" type="submit" /></p>

  103.   

  104.   </form>

  105.   

  106.   </div>

  107.   

  108.   </div>

  109.   

  110.   <!--Fermeture #visionmanga -->

  111.   </body>

  112.   </html>


    Et mon css :

    Code: 
    1.   body {

    2.    margin: 0;

    3.    padding: 0;

    4.    font: 65% Arial, Helvetica, sans-serif;

    5.   }

    6.   *{margin: 0; padding: 0; list-style: none}

    7.   /*******************************************

    8.                                               CADRE DE LA PAGE

    9.   											                  ***************************************************/

    10.   #visionmanga {

    11.    margin: 4px auto;

    12.    padding: 0;

    13.    width: 994px;

    14.    background: url(img/visionmanga.jpg) repeat-y 0 0; 

    15.   }

    16.   .tl {position: absolute;  top: 0;left: 0;}

    17.   .tr {position: absolute;  top: 0;right: 0;}

    18.   

    19.   

    20.   /*******************************************

    21.                                               HEADER

    22.   											      ***************************************************/

    23.   #header {

    24.    margin: 0;

    25.    padding: 0;

    26.    height: 147px;

    27.    background:#fff url(img/header.jpg) no-repeat 139px 0;

    28.   }

    29.   #header h1{

    30.    margin: 0;

    31.    padding: 0;

    32.    display: none;

    33.   }

    34.   

    35.   /*******************************************

    36.                                              INTRO

    37.   											     ***************************************************/

    38.   #intro{

    39.    margin: 0;

    40.    padding: 0;

    41.    height: 41px;

    42.    background: url(img/intro.jpg) no-repeat 0 0;

    43.   }												  

    44.   #intro p{

    45.    margin: 0 150px;

    46.    padding: 14px 0 0 0;

    47.    line-height:8px;

    48.    color:#888888;

    49.    text-align:center

    50.   }

    51.   #intro a{

    52.      text-decoration:none;

    53.      color:#AAAAAA

    54.   }

    55.   

    56.   /*******************************************

    57.                                               LEFTBAR

    58.   											        ***************************************************/

    59.   #leftbar {

    60.    margin: 0;

    61.    padding: 0;

    62.    width: 140px;

    63.    float: left;

    64.    text-transform:capitalize;

    65.    font-size: 1.2em;

    66.   }

    67.   #leftbar ul{

    68.    margin: 0 2px;

    69.    padding: 10px 0 20px 0;

    70.   }

    71.   #leftbar ul li a{

    72.    margin: 0;

    73.    padding: 0 0 0 10px;

    74.    color: #933300;

    75.    display: block;

    76.    line-height: 20px;

    77.    font-weight:bold;

    78.    text-decoration: none;

    79.   }

    80.   #leftbar ul li a:hover{ color:#FF9900}

    81.   

    82.   /*******************************************

    83.                                               RIGHTBAR

    84.   											         ***************************************************/

    85.   #rightbar {

    86.    margin: 0;

    87.    padding: 0;

    88.    width: 120px;

    89.    float: right;

    90.    font-size:1.2em;

    91.    text-align:right

    92.   }

    93.   #rightbar ul{

    94.    margin: 0 2px;

    95.    padding: 20px 0 30px 0;

    96.   }

    97.   #rightbar ul li a{

    98.    margin: 0;

    99.    padding: 0 10px 0 0;

    100.    color: #933300;

    101.    display: block;

    102.    line-height: 20px;

    103.    font-weight:bold;

    104.    text-decoration: none;

    105.   }

    106.   #rightbar ul li a:hover{ color:#FF9900}

    107.   /*******************************************

    108.                                              CONTENT

    109.   											      ***************************************************/

    110.   #content {

    111.    margin: 0 147px 0 159px; 

    112.    padding: 0;

    113.    background:

    114.   }

    115.   #content h2, #leftbar h2, #rightbar h2,{

    116.    margin: 0;

    117.    padding: 0;

    118.    font-size: 0;

    119.   }

    120.   #content h2 img{

    121.    display: block

    122.   }

    123.   

    124.   #content h3{

    125.      margin: 0;

    126.      padding:50px 0 0 0;

    127.      font: bold 1.4em Arial, Helvetica, sans-serif;

    128.      text-align: center;

    129.      text-transform: capitalize; 

    130.      color:#febe9a;

    131.   }

    132.   

    133.   #content h4{

    134.      margin: 0 2em;

    135.      padding: 1em 0 0 0;

    136.      font: bold 1em Arial, Helvetica, sans-serif;

    137.      text-align: justify;

    138.   }

    139.   #content h5{

    140.      margin: 1em 2em 0;

    141.      padding: 0.2em 0;

    142.      font: bold 1em Arial, Helvetica, sans-serif;

    143.      text-align: justify;

    144.   }

    145.   #content .p1, .contact .p1{

    146.      margin: 0 2em;

    147.      padding: 0.4em;

    148.      font:  1.2em Arial, Helvetica, sans-serif;

    149.      text-align: justify;

    150.      color: #555555;

    151.   }

    152.   #content .p2{

    153.   	margin: 0 2.2em;

    154.   	padding: 0.2em 0.4em 0.5em;

    155.   	font:  1.1em Tahoma, Arial, Helvetica, sans-serif;

    156.   	text-align: justify;

    157.       color: #777777;	

    158.   }

    159.   #content .p2 a{

    160.       float: right;

    161.   	margin: 0 0 0 1.5em;

    162.   	text-decoration: none;

    163.   	color: #aa5038;

    164.   }

    165.   

    166.   /*******************************************

    167.                                               FOOTER

    168.   											      ***************************************************/

    169.   #footer {

    170.   	height: 220px;

    171.   	clear: both;

    172.       background: url(img/footer.jpg) no-repeat 0 0;   

    173.   }

    174.   #footer form{

    175.   	padding: 100px 0 0 390px;  

    176.   }

    177.   #footer form #log, #pass{

    178.   	width: 120px;

    179.   	border: 1px dashed #bad4e1;

    180.   	margin: 0 15px 0 5px;

    181.   	font-size: 11px;  

    182.   }

    183.   #footer form #sub{

    184.   	width: 60px;

    185.   	border: 1px dashed #bad4e1;

    186.   	font-size: 11px;

    187.   	background:#d8f2f2;

    188.   	vertical-align:bottom  

    189.   }


      Voila, merci d'avance.

      David Bruno
      » Liste des Forums » Programmation




      Sujets Connexes

      Arakien & WéWé


      Forums

      Navigation


      Publicité

      Connectés

      Il y a actuellement 171 visiteurs et 6 toiliens en ligne, ainsi que 4 connectés sur le tchat.

      Recherche

      Annonces


      Sauf mention contraire, le contenu du blog et du forum est sous licence Creative Commons By-Sa. Vous avez le droit de le reproduire à condition de citer l'auteur, de faire un lien vers la page d'origine, et de partager vos travaux dérivés selon les mêmes conditions.

      Conditions d'utilisation -

      Partenaires: [Informatique Multimédia] [Portail du Maroc] [Actualité High Tech]
      [Tutoriaux Photoshop] [éligibilité ADSL] [Astuces Windows]

      Page générée en 1636 millisecondes sur WWW2.